规范组织

• W3C
• WHATWG
• microformats 社区
• Schema.org
• Microdata
• Google、Bing、Yahoo! 等搜索引擎以及各个主流浏览器

语义化

• html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析，利于 SEO
• 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解
• 元素 + 属性 + 属性值 + 文档结构

语义化方向

• 机器理解人类 AI
• 人类使用机器可读的、被广泛认可的语义信息来描述内容

作用

• 发布文档 (文本, 表格, 列表, ...）
• 通过超链接获取信息
• 建立用来访问远程服务的表单
• 发布 Web 应用

HTML5 新增内容

• canvas
• video、audio
• localStorage、sessionStorage
• 语意化更好的内容元素，比如 article、footer、header、nav、section
• 表单控件，week、month、date、time、email、url、search
• 新的技术 webworker, websocket
• 新的文档属性 document.visibilityState

HTML 使用人

HTML 语义元素

• 元数据
  • head、title、meta
• 链接
  • link, a, area
• 区块
  • article、section、nav、aside、h1–h6、header、footer、address
• 分组内容
  • p、hr、pre、blockquote、ol, ul, li、dl, dt, dd、figure、figcaption、div、main
• 文本级语义
  • em、strong、i、b、small、s、u、cite、q、abbr、dfn、time、code, samp, kbd、mark、ruby, rt, rp、span
• 更改记录
  • ins, del
• 嵌入内容
  • img 元素
  • iframe, embed, object, param
  • 多媒体元素 video、audio、source、track
• 表格数据
  • table、caption、tbody, thead, tfoot、col, colgroup, tr、td, th
• 微格式 microformat
• 微数据 microdata

HTML 语义属性

id、class、title、lang

标准

可用性（Usability）

产品是否容易上手，用户能否完成任务，效率如何，以及这过程中用户的主观感受可好，是从用户的角度来看产品的质量。可用性好意味着产品质量高，是企业的核心竞争力

可访问性（Accessibility）

Web 内容对于残障用户的可阅读和可理解性

可维护性（Maintainability）

一般包含两个层次，一是当系统出现问题时，快速定位并解决问题的成本，成本低则可维护性好。二是代码是否容易被人理解，是否容易修改和增强功能