扎口机厂家
免费服务热线

Free service

hotline

010-00000000
扎口机厂家
热门搜索:
技术资讯
当前位置:首页 > 技术资讯

浅谈各大门户网站的前端现况

发布时间:2021-01-22 13:12:07 阅读: 来源:扎口机厂家

(速途网专栏 作者:张斌)很多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发展的大潮所淘汰。

福彩3d过滤器工具app

全明星大乱斗手游

神迹之上古传奇

国战(新)