html笔记

78 阅读1分钟

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 协议。