前端知识点

配色方案

本页目录

题目 ​

1. 说说对语义化标签的理解 ​

2. HTML5 有哪些新增特性？ ​

  • DOCTYPE
  • 新增标签
  • 媒体、地理位置等
  • 存储 webstorage

3. script 标签的 defer 和 async 的区别 ​

  • 没有以上两种属性时：会阻碍 HTML 解析，只有下载好并执行完脚本才会继续解析 HTML。
  • defer 会立即异步下载 JS 代码，但会等到 DOMContentLoaded 事件触发之后按加载顺序依次执行
  • async 会立即异步下载 JS 代码，下载完成即执行，多个时无顺序，谁下载完成快先执行谁。可能会阻塞 HTML 解析。

4. html 标签有哪些分类？ ​

  • 块级标签 div p ul
  • 行内标签 span button
  • 非闭合标签 img hr
  • 空元素标签 link meta

5. DOCTYPE 的作用？ ​

<!DOCTYPE html> 告诉浏览器以 HTML5 标准解析页面，如果不写，则进入混杂模式。

  • 标准模式：以 W3C 标准解析
  • 混杂模式：浏览器自己决定解析方式

6. 渐进增强与优雅降级？ ​

  • 渐进增加：针对低版本浏览器实现网页构建，对高版本浏览器增加更多的效果、交互以及功能实现
  • 优雅降级：针对高版本浏览器实现网页构建，对低版本浏览器做一定的兼容，以使其能尽量实现主要功能的使用。

这个在如今浏览器的变迁中已经不经常提到了。

7. label 标签的作用 ​

与 input 标签配合使用，当用户点击 label 标签时会作用在 input 上，如利用此特性美化 checkbox ，实现 switch 开关灯

8. src 与 href 的区别 ​

  • src 是网站内容的一部分，加载外部资源文件替换当前内容，一般会阻塞其它资源的下载与执行
  • href 网站的附属资源，常用于超链接等