Skip to content

语义-可定义标题h1~h6

在资讯类型网站里面,我总是将任何一条对用户有用的消息视为新闻稿。当然我并不是在探讨如何写作,而是写作格式,这跟传统报纸并没有差别,反之在互联网里面相比报纸更加多元化、表现更加丰富,而本质还是新闻,用来快速传递最新真实消息。

新闻结构包括标题、导语、主体、结语和背景五部分。前三者是主要部分,后二者是辅助部分。这跟小学老师交我们写作文一样,这些是必备项。记得小时候写作文时标题是需要离四个格子,段落需要离二个格式,这叫约定,如果你不遵守她,反而要扣分。而伟大的互联网在这方面的表现力更加丰富、更加细化这些约定,同时从HTML技术角度也有之相对应的元素。而我现着重点在于标题,可别小看他喔,从新闻稿件角度关一个标题分类就有很多种:分眉题(又称引题、肩题)、正题(又称主题、母题)和副题(又称辅题、子题)。

别看他这么多,以之相对应的h1~h6标签。

外观

从外观来解释除了大小不一以外并没有任何区别,而同时大小来表示文章对标题重视程度。从新闻结构上解释,同级之间可以并排,但是不能越级(即:h2放于h1前面)。这样将会给那些试图通过理解网页结构的搜索引擎带来很大不便。

数量

新闻是只有一个大标题的,以之相对应就是h1,一般我只会在一个页面出现一次h1,整个页面相当于一篇文章,而他只有一个标题。而子标题或者更小的标题,还是要视情况而写,过多反而不能体现新闻结构特征,而太少可能很模棱两可的文章结构。

嵌套问题

h系列跟p标签是同等级,因此可以在<h1>…</h1>里面嵌套跟p标签同等标签,他们都隶属block系列。我曾经一度质疑到底h系列是否只保留单纯文字,至今我还保留这种观点,因为标题是代表本篇文章的结构。比如在h1内嵌套链接,既然是作为标题,就没有何来的跳转,也许是我比较苛刻,甚至我不希望嵌套<img/>标签,我更希望通过CSS来解决美观问题,毕竟 CSS 是专门来干这事的。

相关日志

Categories: 技术.

Tags: ,

Comment Feed

No Responses (yet)



Some HTML is OK

or, reply to this post via trackback.

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word