白云岛资源网 Design By www.pvray.com

Web标准是越来越突出了,现在建站都讲究个符合标准,通过W3C的XHTML和CSS验证,那么怎样才能做出一个符合标准的站点呢,下面是我在BLOG重构和制作OSdev Resource过程中的一些经验^_^。

去网页设计师看一些有关Web标准方面的文章

虽然w3.org更权威,但对于母语是中文的我们来说,这个更容易看懂:)个人觉得比去w3.org看那些满屏的E文舒服。可以在这里找到很多有关XTHML,DIV+CSS布局,CSS技巧等的文章。还有站长阿捷写的《循序渐进》的教程,介绍了怎么一步一步来制作一个符合标准的网站。

丢掉table,采用div+css布局

这似乎是设计一个符合标准的网页首先应该做到的了:),DIV+CSS布局也是一种趋势。用DIV+CSS布局可以参考w3cn.org的文章:CSS基本布局16例,典型的三行二列居中高度自适应布局。

关闭标签

在以前,可能我们并不注意关闭标签这个问题,例如img,p等,在用这些标签时往往只用了开头,而没有正确的关闭它。通常情况,我们是这样用img的:

<img src="/UploadFiles/2021-04-02/sample.gif">

但是在XHTML中,不允许这样的情况存在,而是应该关闭它:

<img src="/UploadFiles/2021-04-02/sample.gif">

再者如段落标记<p>,以前用它都是直接一个<p>,而没有想过在段落结束时加上</p>,这在XHTML也是不允许的。

正确嵌套标签

浏览器的容错性使得我们在编写了一个不符合规则的网页也能得到正确的显示效果,如用

<p><b>sample</p><b>

并没有什么问题,同样的,这在XHTML中是不被允许的。XHTML从XML而来,而XML必须具有结构性,所以嵌套标签时,必须一层一层嵌套,而不能交错。

正确设置字符集

似乎没有什么大关系,但设置好字符集更有利于浏览器对文档的解析。

图片的对齐

在XHTML中,align属性只能是left、middle、right或者top、middle、bottom这三个值中的一个,而很多时候我们需要图片与文本绝对中间对齐,即用absmiddle。使用XHTML之后,就要丢掉这个属性了,解决方法?我也不知道,不过网页设计师里有文章有提到这个问题,我在BLOG重构时,把图片对齐一律设为top,显示效果也还过得去。

处理链接中的&

动态网站中在用GET方法传参时,如果有多个参数,就会用到&来连接各个参数,但在XHTML中如果有&就意味之后是一个实体,但是应该没有人会把参数名取nbsp、lt、gt这样的吧。在XHTML中规定所有不是实体的&必须转换成&amp;,如果不进行转换的话,在进行W3C校验时就会报错找不到实体。

其实个人感觉按照标准来制作网站比按传统方式来制作网站轻松很多,因为结构与内容分离,在改变显示效果时不需要整个页面重新做过,只需要在CSS中重写样式就行了。而且方便以后改版什么的,再者如Fdream的FBS,无刷新换肤,不错的东东~~

白云岛资源网 Design By www.pvray.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
白云岛资源网 Design By www.pvray.com

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。