HTML架构原则

把简单、高效、便利的幸福体验带给伙伴、用户，把复杂设计、问题留给自己

1. 语义解构清晰

明确哪些地方内容是灵活的，哪些地方内容是死板的，对于灵活的地方，编写模板，通过js等进行灵活调用，更改。死板的地方，编写好结构样式，保证语义清晰，便于维护时阅读。

HTML只负责语义化，你所看到的部分标签样式，那事浏览器带的样式表，不同的浏览器，表现不同，HTML不负责样式，它只负责页面内容的语义化标记。你的HTML代码，最重要的标记的可阅读性。

标签名	标记语义	常用场景组合
p	段落、独立文本内容区块	`<article>... <h1></h1><p></p>... </article>`
address	与页面内容或者部分内容有关的作者、组织等的联系方式	通常用于article和footer中,表示文章或者页面的作者的联系方式
figure	由文章或者特定引出的图表、照片、图形、插图、代码片段以及其他类似的独立内容	常用于article中，表示文章由内容引出的图等
......	未完待续	随学习进度更新

注： ...表示代码省略