HTML 语义化
让人更容易读懂(增加代码可读性)。 让搜索引擎更容易读懂,有助于爬虫抓取更多的有效信息,爬虫依赖于标签来确定上下文和各个关键字的权重(SEO)。 在没有 CSS 样式下,页面也能呈现出很好地内容结构、代码结构。
script 标签中 defer 和 async 的区别
- script :会阻碍 HTML 解析,只有下载好并执行完脚本才会继续解析 HTML。
- async script :解析 HTML 过程中进行脚本的异步下载,下载成功立马执行,有可能会阻断 HTML 的解析。
- defer script:完全不会阻碍 HTML 的解析,解析完成之后再按照顺序执行脚本。
Doctype 作用?严格模式与混杂模式如何区分?它们有何意义?
Doctype 声明于文档最前面,告诉浏览器以何种方式来渲染页面,这里有两种模式,严格模式和混杂模式。
- 严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。
- 混杂模式,向后兼容,模拟老式浏览器,防止浏览器无法兼容页面。
HTML5 新增的元素
- 首先 html5 为了更好的实践 web 语义化,增加了 header,footer,nav,aside,section 等语义化标签。
- 在表单方面,为了增强表单,为 input 增加了 color,emial,data ,range 等类型。
- 在存储方面,提供了 sessionStorage,localStorage,和离线存储,通过这些存储方式方便数据在客户端的存储和获取。
- 在多媒体方面规定了音频和视频元素audio 和video。
- 另外还有地理定位,canvas 画布,拖放,多线程编程的 web worker 和websocket 协议。