WEB学习笔记11-高可读性的HTML之如何设置网页标题层级

标题标签指的是<h1>~<h6>这6个标签，统称为<hx>标签。

（1）在页面内容的标题部分使用<hx>标签

　　

<h1 class="reader-title">Holman Christian Standard Bible</h1>

（2）页面中只使用一个<h1>标签

　　为了保证页面<hx>标签的合理设置，使用一个<h1>标签作为页面标题，页面各模块的标题从<h2>开始设置。

（3）<hx>标签使用过程中不要跳级

　　在某些情况下，页面的设计可能并不期望某一层级的标题显示，在开发过程中也会删除这一标题，从而导致标题层级的断开。推荐的做法是，把不在页面中显示的标题隐藏，而不是删除。

<h1 class="hide">BBC Homepage</h1>

（4）不要单纯使用<hx>标签给内容设置样式

　　HTML代码只关注语义不关注其外观，所有页面的外观都应该通过CSS样式控制，HTML和CSS应该各司其职。