浅谈各大门户网站的前端现况
(速途网专栏 作者：张斌)很多web前端开发的爱好者和攻城师们，特别在开发和设计大型门户网站前端的时候，很多都会以现在的各大门户网站为参考，如豆瓣，新浪，腾讯，站长之家等等，参考他们的界面和HTML源代码。
笔者作为一名前端开发人员，自然而然的会去参考它们的HTML布局。作为一名真正的前端开发们，都知道web前端的编码开发规范。在网页重构，XHTML的大潮和影响下，发现他们的前端HTML布局，有些并不那么完美。
有些门户网站，很多编码都不符合我们建议的XHTML标准：
XHTML 文档必须拥有根元素。
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
属性名称必须小写，属性值必须加引号，属性不能简写。
使用标准的XHTML DTD声明。
大家可以去看中国雅虎的门户站，在这方面就存在很多问题。从它们的代码就可以看出：
1.标签名大写了;2.部分class样式属性没有引号了。
另外我们的一个分层语义化模板(LSM)对web前端开发的要求为：
HTML用来进行网页信息架构
CSS用来进行视觉表现
JS用来进行交互行为
但是web前端开发们可以去看看， 凤凰网，腾讯网，网易网等大都都没有把HTML，CSS，JS分离开来，都是混合在一起的，没有进行一个好的重构。这样，第一：网页载入速度慢，影响用户体验;第二：三层没有分离，他们的流量自然而然要高出很多很多，需要花的钱也要多出很多，如果对web前端进行一个好的重构的话，说不定流量费就可以节省一大笔钱呢;第三：不方便以后的维护。
我们对body区域内标签的核心思想为：
语义化：所有标签要根据其本身语义恰当使用
无样式：不应该企图使用任何HTML标签或属性来控制其显示样式，比如：使用标签加粗、使用标签改变字体大小或设置字体颜色、使用width属性来控制表格宽度等。
无动作：不应该企图使用任何HTML标签来控制内容的动作，比如使用marquee标签控制内容的滚动。
举一例子，我在写下面这张图片布局时，其标题的网页源码为：
显然，没有把标签的语义化用到最好。
结语：
对于web前端来说，永远没有最好的前端，只有更好的前端。只有不断优化和重构，才不会被web发展的大潮所淘汰。