通用规范
标签
自闭合（self-closing）标签，无需闭合 ( 例如： img input br hr 等 )；
可选的闭合标签（closing tag），需闭合 ( 例如： 或
自闭合（self-closing）标签，无需闭合 ( 例如： img input br hr 等 )；
可选的闭合标签（closing tag），需闭合 ( 例如： 或
![]()
![]()
id 以Camel（驼峰） 命名法命名；
class 应以功能或内容命名，命名形式以单词字母小写，多个单词组成时，采用中划线"-"分隔；
属性应该按照特定的顺序出现以保证易读性，暂定以下顺序：
class
name
data-xxx
src, for, type, href
title, alt
aria-xxx, role
HTML5 规范中 disabled、checked、selected 等属性不用设置值。
将表现和行为分开，严格保持结构 （标记），表现 （样式），和行为 （脚本）分离, 并尽量让这三者之间的交互保持最低限度。
HTML sucks
HTML TEST
My first CSS-only redesign
My first CSS-only redesign
没有 CSS 的 HTML 是一个语义系统而不是 UI 系统。
语义化的 HTML 结构，有助于机器（搜索引擎）理解，另一方面多人协作时，能迅速了解开发者意图。
通常情况下，每个标签都是有语义的，所谓语义就是你的衣服分为外套， 裤子，裙子，内裤等，各自有对应的功能和含义。所以你总不能把内裤套在脖子上吧。
常见语义化标签：
| 标签 | 语义 |
|---|---|
| 段落 | |
... |
标题 |
| 无序列表 | |
| 有序列表 | |
| 大段引用 | |
| 一般引用 | |
| 为样式加粗而加粗 | |
| 为强调内容而加粗 | |
| 为样式倾斜而倾斜 | |
| 为强调内容而倾斜 | |
| code | 代码标识 |
| abbr | 缩写 |
示例：
将你构建的页面当作一本书，将标签的语义对应的其功能和含义；
书的名称：
考虑到所兼容问题，推荐所有脚本都放到body元素中页面内容的后面。
....