日期:2013-10-06  浏览次数:21350 次

 如何正确使用标题元素、段落和强制换行?如何使其更符合语义化呢?摘译自http://www.sitepoint.com/print/html-37-steps-perfect-markup 的二段小文,会对初学者带来点协助。

如何正确使用标题元素

  HTML 标题元素类型是h1 、h2 、h3 、h4 、h5 和h6 ,数字表示标题的结构级别,我们要像在学校里学习那样认真对待标题(呵呵,不过我没念过多少书,69届初中-译者)。

  最高级别的标题在页面中必须是h1 。它应该描述的是这个页面是做什么的。大多数的页面有一个h1 标题, 但复杂页面文件也许不止一个h1标签。

  h2 标题将标记下个结构级,次一级的是h3,等等,而不能从h2跳到h4。h4 不应该跟随h2; 它们之间因该是h3 。

  Hn 元素类型对标记标题是很重要的,Assistive 技术譬如屏幕器的读者可利用一个适当的标题来了解文件的概述。如果我们使用<font size="7">...</font>, 那他们就不能读懂了。

如何正确使用P和BR

  P元素标记文本的一个段落。段落包括一个或更多的句子。

  强制换行(br) 通常只是一个表面上的工具, 应该由CSS 而不是HTML 处理。但是, 强制换行在某些地方也可说有语义化的, 例如在诗歌、歌曲、邮件地址和计算机编码演示等方面,这些可能构成合法的用途, 但使用br 分离段落绝对是不正确的。

  另一方面, P 有一个非常清楚的语义意思: 它表示段落。有时WEB设计者将P作为普通块级元素用, 显然是不正确的。不难看到在一个表单里label 和 input标签被包含在P标签里, 这样在语义里绝对是错的,label 和 input标签不构成一个"paragraph" 。