HTML创始人
物理学家蒂姆·伯纳斯-李(维基百科)
HTML起手式
章节标签
标题h1-h6
section block
HTML <section> 元素表示 HTML 文档中一个通用独立章节，它没有更具体的语义元素来表示。一般来说会包含一个标题.
article block
HTML <article> 元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目。
p block
HTML <p> 元素（或者说 HTML 段落元素）表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本，或以垂直的空白隔离或以首行缩进。
header block
HTML <header> 元素用于展示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素，但也可能包含其他元素，比如 Logo、搜索框、作者名称，等等。
footer block
HTML <footer> 元素 表示最近一个章节内容或者根节点元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。
main block
HTML <main> 元素呈现了文档的 <body>或应用的主体部分。主体部分由与文档直接相关，或者扩展于文档的中心主题、应用的主要功能部分的内容组成。
aside block
侧边栏
div block
全局属性
class
id
contenteditable
contenteditable 表示元素是否可被用户编辑。添加这个属性，浏览器会修改元素的组件以允许编辑。
hidden
hidden 它可以被用来隐藏一个页面元素直到登录完毕,如果一个元素设置了这个属性,它就不会被显示.
style
HTML 的 <style> 元素包含文档的样式信息或者文档的部分内容。默认情况下,该标签的样式信息通常是CSS的格式.
tabindex
tabindex 指示其元素是否可以聚焦,以及它的参与顺序.
tabindex = -1 表示元素是可聚焦的，但是不能通过键盘导航来访问到该元素，用 JS 做页面小组件内部键盘导航的时候非常有用。
tabindex = 0 表示元素是可聚焦的，并且可以通过键盘导航来聚焦到该元素，它的相对顺序是当前处于的 DOM 结构来决定的。
tabindex > 0 表示元素是可聚焦的
聚焦顺序 : tabindex > 0 --> tabindex = 0
title
title 典型用例:
- 链接:被链接文档的标题或描述
- 媒体元素,如图像:描述或关联信息
- 段落: 脚注或者相关的评论
- 引用 : 作者信息,以及其他
内容标签
ol + li
ol + li = ordered list + list item
HTML <ol> 元素表示有序列表，通常渲染为一个带编号的列表。
ul + li
ul + li = unordered list + list item
HTML <ul> 元素（或称 HTML 无序列表元素）表示一个内可含多个元素的无序列表或项目符号列表。
dl + dt + dd
dl + dt + dd = description list + term + data
pre
HTML <pre>元素 表示预定义格式文本。
br
HTML <br> 元素 在文本中生成一个换行（回车）符号。
hr
HTML <hr>元素 表示水平分割线
a
HTML <a>元素 表示超链接
em
HTML 着重元素 ( <em> ) 标记出需要用户着重阅读的内容， <em> 元素是可以嵌套的，嵌套层次越深，则其包含的内容被认定为越需要着重阅读。
strong
Strong 元素 (<strong>) 表示文本十分重要，一般用粗体显示。
code
HTML <code> 元素呈现一段计算机代码。默认情况下，它以浏览器的默认等宽字体显示。
q
HTML 引用标签 ( <q> ) 表示一个封闭的并且是短的行内引用的文本。这个标签是用来引用短的文本，所以请不要引入换行符; 对于长的文本的引用请使用 <blockquote> 替代。
blockquote
HTML <blockquote> 元素 (HTML块级引用元素)
