由于css的发展,html中的许多标签,比如font等,已经失去它的价值。但是,在国人大谈div+css的时候,我们对于xhtml的理解只剩下了div这一个标签了,这是一个误解。今天,我根据自己的经验,谈一下在xhtml+css的技术下,常用的xhtml标签。
一,语义化的标签和属性
1、h1,h2,h3,h4,h5,h6 解释:标题,从1到6,重要性逐次减小。该标签对搜索引擎很友好。网站中的标题如果用到的是图片,那么应该用“图片替换技术”来使用h1——h6。
2、p 解释:段落。语义很容易理解。在,门户网站的首页一般用的较少,在文章的显示页使用很多。
3、ul 解释:无序列表。由于有序列表和定义列表在国内使用较少,因此列表中,ul是使用最多的。一般用来作为导航,使用css控制效果、用来列出文章标题等等。涉及到的一个常用技术是列表项前面的符号。由于浏览器默认的符号难看,并且显示效果不同,因此弃之不用。多数人是通过 li 的background-image 以及其横纵位置 来达到想要的效果的,比如background:url(#.gif) 5px 5px;
4、table 解释:表格,用来承载数据。在废弃了用table布局后,许多人也废弃它放置数据。但是用table装载图片等,还是非常有好的。
5、属性alt 解释:用来替换图片在不能显示时候的文字,对搜索引擎友好。
6、属性title 解释:这是一个很少标签不能使用的属性。用来提示效果。
二、用来布局的标签
1、div 解释:部分的意思,块级元素,一般用来布局。
2、span 解释:行内突出,一般用来在某一行内突出几个字的效果,行内元素。
一般在使用xhtml+css时候,上述的6个标签,两个属性使用最为常见。至于像a,img等元素当然使用很多,不用赘述。