了解了常用的布局元素之后,下面来探讨xhtml结构语义化,望读者能够从更高的理论层面认识html结构框架
语义化的xhtml主要包括语义化元素和语义化命名
语义化元素就是我们介绍的各种结构化的布局元素,如标题,段落,列表,表格,还有如表示引用的元素,表示强调的元素等,关于语义元素的更详细说明参考相关资料。
语义化的命名主要是元素命名要体现的语义化,例如,<div id="header"></div>这个结构标签,把div元素的id属性定义为header,我们就可以知道这个标签包含的内容一定是网页页眉信息,关于语义化命名的更详细介绍可以参考后面内容。天津网站建设,天津网站优化,汽车玻璃,商业策划招商,钢板桩租赁,天津废锡回收,天津网站制作
标准网页布局要求网页结构样式必须分离,这就是要把网页的样式用独立的css文件设置,并且使用语义化结构来构建页面,例如使用<strong>元素,而不使用<b>元素来表示加粗的文本,因为其本身更具有语义,使用<h2>元素,而不是用<div>来表示文档的标题,因为其更有标题含义。
传统的网页布局仅仅能够辨识数据的结构,而语义网络正在尝试读懂网页所提供的全部数据,实现标准网页布局的目标就是希望计算机能够自动识别网页内不同的语义结构,如文档主题,标题,作者,正文等,这些信息就是一个页面的语义,并且这些信息能够帮助计算机去获取并使用数据,而不仅仅是简单的给用户呈现出来。
怎么构建语义化页面呢?
就目前的语言环境来看,我们不可能列出一张元素来表示互联网上所有的数据类型,但是只要留意一下,还是可以写出可读性很强的页面,使用语义化结构,那些主要用来定义样式的元素就应该被舍弃,当你遵循这个要求的时候,你会发现利用css和javascript来控制整个页面会是件很轻松的事情。
目前,关于语义网络的规范很多,这些规范都在努力将数据转换为计算机可读的结果