欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  内容结构化会使读者的阅读体验更轻松,更愉快。
 
  在HTML中,每个段落是通过<p>元素标签进行定义的,比如下面这样:
 
  <p>我是一个段落,千真万确。</p>
 
  每个标题(Heading)是通过“标题标签”进行定义的,这里有六个标题元素标签——<h1>、<h2>、<h3>、<h4>、<h5>、<h6>。每个元素代表文档中不同级别的内容;<h1>表示主标题(themainheading),<h2>表示二级子标题(subheadings),<h3>表示三级子标题(sub-subheadings),等等。
 
  优选地,您应该只对每个页面使用一次<h1>—这是顶级标题,所有其他标题位于层次结构中的下方。
 
  请确保在层次结构中以正确的顺序使用标题。不要使用<h3>来表示副标题,后面跟<h2>来表示副副标题-这是没有意义的,会导致奇怪的结果。
 
  在可用的六个标题级别中,您应该旨在每页使用不超过三个,除非您认为有必要使用更多。具有许多级别的文档(即,较深的标题层次结构)变得难以操作并且难以导航。在这种情况下,如果可能,建议将内容分散在多个页面上。
 
  列表Lists
 
  现在,让我们注意一下列表。列表在生活中随处可见——从你的购物清单到你的回家路线方案列表,再到你遵从的教程说明列表。
 
  无序的列表被用来标记每个项目。在这里,项目的顺序并不重要—让我们看下面的早点清单的:
 
  <ul>
 
  <li>豆浆</li>
 
  <li>油条</li>
 
  <li>豆汁</li>
 
  <li>焦圈</li>
 
  </ul>
 
  重点强调
 
  在人类语言中,为了突出一句话的意思,我们通常强调某些词,并且我们通常想要标记某些词作为重点或者在某种程度上的不同。HTML提供了许多语义化的元素,并且允许我们通过这些元素的意义标记正文内容,在这个章节中,我们将看到最常见的一小部分元素。
 
  在HTML中我们用<em>(emphasis)元素来标记这样的情况。这样做既可以让文档读起来更有趣,也可以被屏幕阅读器识别出来,并以不同的语调发出。浏览器默认风格为斜体,但你不应该纯粹使用这个标签来获得斜体风格,为了获得斜体风格,你应该使用<span>元素和一些CSS,或者是<i>元素(见下文)。
 
  <p>Iam<em>glad</em>youweren't<em>late</em>.</p>
 
  为什么我们需要结构化?
 
  在这个文档的主体(body)中包含了多个内容—这些内容没有做任何标记,但是编辑时使用了换行(输入回车/换行跳转到下一行)处理。
 
  然而,当您在浏览器中打开文档时,您会看到文本显示为一整块!

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h55647.shtml