打印

[讨论] 浅谈xhtml的常用标签及属性

由于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等元素当然使用很多,不用赘述。
table现在有很多网站上都废掉了!!!
对于很多门户网站的内页还有很多都是用TABLE来排版的,主页都是DIV+CSS的哦!   

貌似腾讯网站的首页大部分是用CSS+DIV排版的,如果仔细看下的话,里面有TR
XHTML--CSS(Web标准)联盟 QQ群:6258367
table网站不至于废掉吧...?还是能够浏览的。

楼主对div 和span解释不大对头哦,div应该解释为用来创建一个区域吧,span也是用来创建区域的,不过是内联的。

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
其实还有很多微标签我们没有使用
按这样的速度发展下去
几年后又一个div.ul泛滥了!
www.cssplayer.cn

TOP

DIV 和TABLE它们各自有自己的优缺点

TOP

楼主对于table标签的阐述是不准确的。table本身就是用来装载数据的。

建议阅读:
http://www.blueidea.com/tech/web/2006/4248.asp

TOP