有关web标准化的一些想法

2016-02-19 17:26 13 1 收藏

下面图老师小编跟大家分享一个简单易学的有关web标准化的一些想法教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】

很多朋友对我说,她/他有代码洁癖,即,让她/他写XHTML的话,从来不愿意加上额外的标签(tag)。举个简单的例子,相信很多人从很多地方都看到过的:

以下是引用片段:div id="nav"     ul         li/li         li/li         ......     /ul /div 很多人,包括许多业界大牛,都建议你这样写即可:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

以下是引用片段:ul id="nav"     li/li     li/li     ...... /ul 当然,我个人很欣赏第二种写法,没错,简洁明了,语义(semantic)确凿。但请等一等,如果需要样式化(stylish)它,哪一种可以提供更多的控制(controll)? 很明显,第一种。

然后,这个问题就有点让人抓狂了。一句话:你是结构(markup)优先呢,还是表现(presentation)优先?我相信,在如今这个不美好的时代,表现优先是第一准则。很多有理想的人,包括我,最后为了实现表现上的需要,标签汤(tag soup)实际上难以避免。

所以,这只能是个度的问题。别滥用。怎么不算滥用,也没有什么准则。我个人的准则是:如果要实现一个表现上的需要,你使用超过三层的外围标签(wrappers?),就应该停下来仔细想想了。尽管有点老,但我还是建议你看一看SimpleQuiz上面一些有趣的讨论。

为什么会这样?因为一切都不完美。试想一下,如果CSS能够提供更多的规则来控制页面上的元素,或许就不会这么尴尬。比方说,background-image支持trlb(上右下左)四个方向不同的图片的话,我们就不必为处理圆角而绞尽脑汁;支持从页面上产生元素,如content的话,那么也可以大大减少tag的使用……

XHTML?笑话。实际上目前为止没有多少人在用XHTML,一切都是自欺欺人。XHTML is Dead! XHTML是xml,具有xml的一切优越性,但是,我们现在看到的,都是text。如果把text当作xml来处理,这是有害的(Sending XHTML as text/html Considered Harmful)。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

尽管我们在Doctype上都标明了我们用的是XHTML,但是实际上我们都在用HTML。这是现实。要不那些错误百出的非良构的页面怎么可能在宽容的当代浏览器中显示呢……也难怪,XHTML 1只是HTML 4的改良而已。但是,未来的XHTML 2并不向后兼容,我不知道我们使用XHTML 1的必要性何在。另外,别拿accessibility来反驳我,分离结构与表现的HTML 4并没有跟XHTML 1有任何区别。

因此,可能,使用XHTML 1的意义在于,宣称我们已经有了这样的思想,并且为未来的XHTML 2做好了准备。

这也是我为什么,强烈建议使用HTML 4.01 Strict Doctype的原因。从公司/企业来说,要求整个团队都具有web standards的思想,并贯彻相关原则并非易事,各种上个世纪遗留的思想仍然负隅顽抗。如果真的使用XHTML 1,很多只能兼容html的JavaScript脚本会失效,编辑某个不经意的未转义的字符会导致整个页面出错(xml parsing error),等等。为了避免问题,或许,HTML 4.01 Strict Doctype是现在的最佳选择。

来源:http://www.tulaoshi.com/n/20160219/1615223.html

延伸阅读
标签: Web开发
著名的 Web 设计网站 CSS-tricks.com 最近组织了一次调查,请15名顶尖的 Web 设计师对 CSS 提出自己的期望,15名设计师包括 Jon Hicks,  Wolfgang Bartelme, Mint 的 Shaun Inman 以及 Stuff and Nonsense 的 Andy Clarke。 调查结果显示,最被期待的 CSS 功能是 CSS 圆角,其它期待的功能包括跨浏览器渐变与阴影,类似 Photoshop...
标签: Web开发
一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等,形式像这样:property:top right bottom left;逆时针顺序。 所以下面的代码: p { border-top-width: 1px; border-right-width: 5px; border-b...
标签: PS PS教程
本文由www.jcwcn.com 中国特约专家薛欣原创,欢迎访问他的网站www.xuexin.com.转载必须保留此信息 对于数字艺术,我个人比较粗浅的理解就是艺术的数字化,艺术包括什么?美术、音乐等等。细分一下概念就比较广了。比如平面设计、网页设计、动漫、游戏、影视动画、音乐编曲,甚至手机铃声,只要是在电脑上创作,我看都能归类到数字艺术。 ...
不过仔细想来,我倒的确没有仔细考虑过流程图的好坏,正好借此机会自我总结一下。 1、各司其职的形状 在我的流程图中,适用于不同目的和功能的形状都有各自确定的规范。到目前为止,我一共定义了以下一些形状: (1)开始和结束 作为整张流程图的头和尾,必须标清楚到底具体指哪个页面,以免日后出现歧义。 (2)网页 如你所...
《三国志12》对pk期待的一些想法 《三国志12》对pk期待的一些想法 那什么,就谈谈战斗吧,毕竟12的精髓也在这里面,那么小弟呢,某天在地铁上,稀奇古怪的一阵乱想,突然就有灵感了,我在想,如果PK能加上这些,就给力了,首先说防守的一方,城门可以升级,貌似现在每个城的城门都是800,这个我应该没有记错吧,那些某些地图有关卡的,1200...

经验教程

330

收藏

76
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部