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

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

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

  

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

(2)页面中只使用一个<h1>标签

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

(3)<hx>标签使用过程中不要跳级

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

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

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

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

猜你喜欢

转载自www.cnblogs.com/catherine9192/p/9288814.html
今日推荐