首页 相关文章 HTML基础教程:详细学习常用HTML标签的语义 (1)

HTML基础教程:详细学习常用HTML标签的语义 (1)

HTML标签的语义

如今Web标准都被通俗的叫做“div+css”或者“层布局”。我不反对这种便宜行事的叫法。但是这样会陷入一个误区:即大量的使用div标签作为结构元素。事实上这是一种更高级的div滥用(Jeffrey Zeldman在《网站重构》一书中提到)。

HTML为我们提供了相当丰富的标签,每个标签都有它各自的含义。我认为在设计时,除了遵循HTML语法以外,应该充分利用并遵守各标签的“语义”。如标题文字应该包含在h1-h6中,大段的文字内容应该由p进行分段而不是br /,列表项应该放在ul或ol或dl中,表格形式的数据应该仍然用table布局。

为什么要这样做?一个很有说服力的原因是,保证在用户去掉CSS显示的情况下,网页能够尽量有效的将内容的结构层次显示出来。如果全部用div,当去掉CSS之后,整个网页就失去了层次,只剩下一些杂乱的文字碎片。这并不符合Web标准对低配置兼容性的要求。

我下面详细的列举一下我对一些标签的语义的理解:

p br

先说个最简单的。分段要用p标签而不是用br(甚至连续两个br /)。这个似乎不用多说。但是有时候我们不得不放弃这个原则。一个常见的例子是论坛发帖,如果我想分段...[ 查看全文 ]

2016-02-19 标签:

HTML基础教程:详细学习常用HTML标签的语义 (1)的相关文章

手机页面
收藏网站 回到头部