网页其实就是一堆标签集合起来的,透过浏览器的消化整理,就便成了美仑美奂的网页了。由于结构简单、符合标准,利用DIV+CSS架构的网站深受搜索引擎喜欢,不过并不是所有DIV+CSS对网站的排名都有好处,正确的网页布局,对于SEO是非常有利的。
我们在写文章时,有时候在特定的地方会强迫断行(<br>),或是在写完某一段的时候便会分段(<p>),写网页也一样,而且更需要断行及分段的功能,以免整个网页看起来乱糟糟的。在做网页时应该根据网页HTML文档的结构选择最合适的HTML或XHTML标签,而不是根据它们的外观样式去选择它们。使用P标签定义一个段落,而不是用它来获得换行效果。我们使用h1-h6标签标记标题,而不是用它们取得文字大小与加粗的效果。
标签的分类方式很多,HTML4中我简单的将标签分为默认block和默认inline这种分法,和有语义以及无语义(样式标签不谈了)的分法。除了div之外i,其他标签都是有语义的(声明下,类似font等样式标签我早就不算HTML4的使用中了),div的含义只是在逻辑上将一些标签视同为一组,可以共同处理如果你同意我这样说,那么你也会同意我说,html5中很多新的基于结构的元素就是来替代div的,或者说可以替代一部分div的作用。这些元素用来说明元素区域和分组的用途。原因是,未来的网页不仅仅是给PC上的浏览器看的,而且更多的要提供给移动设备,专有设备,小型设备上的浏览器来方便,而这些浏览器需要在不同的环境中重新处理页面内容,给予用户更好的阅读体验,所有页面的内容必须对浏览器提供有参考价值的指导,便于浏览器提供剪裁、突出和特定操作的处理。
我们网页本身也较难把握该如何正确的使用它们,也或许我们根本就得不到一个明确的答案。但有一点需要阐明,我们应该使文档在逻辑上具有清晰的结构,而且更加容易应用样式。我们可以将div仅看着是一个容器,或者叫做文档的组成“部分”。在文字标签里,对于文字的格式也有相当多的变化,如粗体、斜体等,此外,也定义了一些现成的格式供编者使用,如‘强调’、‘原始码’等,当然,这只是方便您参考用,并无强迫说遇到原始码就要加上‘原始码’的标签。