- 相关推荐
优化网页设计时代码的重要性
由于网络是一个不断变化和不断发展的有机体,所以建立一个能和网络一起变化、成长的网站是非常重要的,当网络世界发生变化时不至于被网冲击波所伤到也是很重要的一点。
清洁标记并用网络标准来建设网站可能会让人们不解,但从长期看来,这样做不但可以节省时间还可以节省资金。
随着网络的扩张,网络中所用的技术也随之也不断的在发展。HTML在网络中已经存在很久,并且在不断的发展过程中产生了很多的衍生品。
首先是Javascript,之后出现CSS、XML和AJAX。广泛的采用HTML5已经指日可待,Firefox, Safari, Opera 和Chrome都是有HTML5来支持的(IE却比以前要落后了)。
在这篇文章中,我会研究一下网络标准的基础,它是什么?它对你来说意味着什么?我会指出一些非常重要但又在平时非常容易被大家忽略的问题。
“干净”的标记意味着什么?
简而言之,这意味免去了凌乱无章,并可以使标准变的兼容,对不同的语言可以使用相同的的标签和结构。
洁净的HTML可以减少不必要的标签的使用,消除了不必要的东西,并用很小的标记来成功完成一个任务。它没有使用不必要的属性,如内置的CSS 、每个文件的结构和组织。
同样,洁净的CSS也应该避免重复,并利用已有的资源。符合标准意味着你的页在符合由W3C发布的HTML、CSS和XML标准。它意味着使用W3C来检测错误、纠正和测试,直到你的网页百分之百的可用。
每一个网站设计的项目都有一个时间限制,客户也都希望它们的网站能够提前完成。所以网络开发人员和设计人员都在持续的压力下不断提高工作速度和工作效率。
我通常都会认为:“思维的快了就会变得非常的草率,同样,用干净、标准的格式来标记会花费很多时间”,并且通常都会说:“这已经起作用了,这才是最重要的。”
当然,目前来看,它以你确实起作用了。但明年会怎样呢?从现在起三年又会怎样呢?以新的浏览器来说呢?会产生什么影响呢?
你真的认为搜索引擎会终日不变的用同样的手法来工作吗?你们是很挑剔的,如果你不符标准,你表面上的网页级就会下降。
当下一个人不得不修改你编的网页的时候会发生什么事?如果你被车撞了、被外星人劫持了、在极地探险时找不到营地时会发生什么事情?这个人不得不得重新捡起你丢下的烂摊子,不得不花万般心思来看代码、理解代码。这会一件简单的事吗?谁又能保证这个人不会看的头痛并且对你进行大骂。
所以第一次做的时候就要用正确的方法来做,这不是一个烦人的事情,这是一个人生哲理。如果这样做的话,实际上会节省你大量的时间和金钱,并可以让和你一起做事的人变的比较轻松。
你可能会认为在内置CSS中随心所欲的编写会比在按照一定的条条框框来编写会更快一些。并且你可能有会认为在不考虑整个文件结构的情况下来随意编写也会更快一些。
以后当你更新文件或重新设计网站时,你将会花费更多的时间来弥补你前随意编写的代码,这远远超阶过了当时你节省的时间。当你编写新的页面的时候,你之前用的讨厌的内嵌式代码会返回来不停的困拢着你,你会花很多的时间才能从这里解脱出来。
可扩展性、可获取性、转变和未来的标准
移动浏览器的发展越来越有前途,现在几乎每一个人都可以用手机来上网冲浪。辅助技术也在发展,如为盲人设计的屏幕阅读器,为残疾人设计的可变接口设备。你肯定也不想因为没有考虑到这些变化而让自己受到损失。
对来自全世界的网民来说,你网站上的内容可能会被部分的被翻译成多国语言。由于互联网档案、谷歌的缓存和其他一些网络单元,你今天发布的页面可能会在网上存在很久很久,即使你已经把它从你的网站上删除了。
清洁标记和标准还有很长的路要走以保证你的网站能够在以后顺利的随着网络发展变化。
该做的和不该做的
和你认为的一样要使用标签。比如:h1是网页上的最高层,之后是h2、h3等等。每个页面上应该只有一个子h1标签。
用有意义的名字来命名你的CSS标准和ID,并问问你自己是不别人能从名字中看出什么意思。这些命名也是很有意思的:#box12 或者#评论尺度?
要很好的利用CSS。比如:如果你在文件夹中设置了一种字体,你就不需要在每一个子文件夹中都重新设置,除非你想在每一个子文件夹中设置不同的字体。这可能使你的页面被很快的打开。
用你的HTML、CSS和XML尽可能多的订正错误。同时还要注意产生的警告。
仔细检查所见即所得生成的代码,进行必要的代码清理。这些代码臃肿、冗余,里面包含了很多不需要的、无用的垃圾。
不要因为你的匆忙就注入内嵌格式与无关的标记和属性。
不要因为有短期的效果就继续的使用,因为一个页面的可以使用并不意味着他的代码是符合标准的、没有问题的、适合搜索引擎的。
【优化网页设计时代码的重要性】上海花千坊相关的文章:
9条网页设计常用的代码06-21
10个优化网页用户界面网页设计的规则08-21
20条PHP代码优化技巧05-06
分享Dreamweaver网页优化的经验10-30
c语言空间换时间优化代码的技巧方法06-19
用Dreamweaver为网页进行优化08-23
用Dreamweaver设计网页时组织CSS的建议08-19
网页设计的原则06-13
网页设计的布局08-13