学习Xhtml+CSS2的一些心得体会

自从W3C搞了一个Xhtml1.0的标准之后,很多网站都开始用之将站点重构,像yahoo,163,CSDN等,近来一段时间Xhtml+CSS2的热潮更是一浪高过一浪,所以偶也开始学起了,慢慢的就爱上他们了,现在谈一谈最近一段时间来的学习体会。

为什么要学Xhtml+CSS2

首先,规范的代码能在各种浏览器中顺利显示。

一些不规范代码的网页在IE下能正常显示的,在Firefox和Opera上可能就无法正常显示。虽然现在浏览器的主流是IE以及以IE为内核的各种浏览器,但不排除Firefox以及Opera等浏览器等逐渐增大的用户群,而这些人群多是对计算机较为精通的老鸟,被他们骂自己网站太垃圾的话我想滋味应该不好受,呵呵。  
当然这也不是说使用table等做的网页就不符合标准,只是当前不少人习惯用Forntpage或是Dreamweaver来做设计,这些可视化的软件固然方便,但由此带来的问题也是多多,这些软件多多少少会自动增减一些代码,如果没有查看代码的习惯的话,很容易致使产生一下不规范代码。

其次,DIV + CSS2使页面布局更加简单  
说是Xhtml+CSS2,其实更多的时候是DIV+CSS2来构建网站。之前对页面进行布局或设置一下不错的效果的话,多采用大量的表格嵌套,通常对一个页面进行划分,多用单元格来描述区域,这样在WYSIWYG等软件中倒是比较直观,但这样影响的有几个方面,首先可能影响下载速度,其次对于手写代码来讲,这样的结构非常不直观,另外,牵扯到一个地方就是单元格的合并,假如你不小心搞错了一个colspan="?",那么整个页面的布局将面目全非。  
而用CSS做布局,就像是在PS中对图层进行操作一样,因为CSS中有相对和绝对的概念,呵呵,这样对页面的布局就更加轻松和方便了。

另外,Xhtml可以减小文件体积  
虽说现在网速越来越大了,但谁不想自己的站点速度更快呢,有人还曾经说“世上最远的距离不是地球到太阳,而是中国电信到中国网通”,如果你在电信服务器上的站点被网通线路的用户浏览,网页文件大小势必也会影响浏览者的感受。而采用Xhtml则利于你解决这个问题,呵呵。

鉴于以上几点,我开始逐渐习惯使用Xhtml+CSS2来构建网站。

学习中的心得体会

代码编写工具:由于现在还没有可视化的工具来编写Xhtml+CSS2页面,所以找到一个适合自己的代码书写工具是必须的,我一直在用Editplus,也像你推荐它,关于Editplus的一些使用技巧,可以看这里:  
http://www.ifess.com/?p=23

页面布局结构:对一个页面首先要有一个整体的布局,比如,header,menu,sidebar,content,footer等,通过定义这些元素的CSS属性给页面一个整体的划分,之后在这些元素中再写具体的内容,这样就不会让页面看起来很乱。

CSS写法:一个项目中,定义内容属性和结构布局属性的属性值可以分开写,这样方便查找和修改。尽量减少重复定义,能继承的属性就不要再重复编写了。尽量使用兼容IE和Firefox的CSS属性值,因为有些属性写出来之后无法正常显示就等于做了无用功。

Xhtml文件:尽量采用外挂链接来调用CSS文件,对于只出现一次的CSS属性也可以采用文件内部书写的方式。书写代码时最好写注释,同时一定要注意对齐的格式,这样便于查错。

暂时想起来这么些,欢迎大家来一起讨论。

下面附一些常用的资源及链接:

CSS2.0中文手册,韩国商业网站设计分析,色标2004,JS手册:  
http://www.im286.com/viewthread.php?tid=875287 
Xhtml1.0校验页面:  
http://validator.w3.org/checklink 
CSS校验页面:  
http://jigsaw.w3.org/css-validator/ 
CSS在线优化:  
http://flumpcakes.co.uk/css/optimiser/

文章出处:http://www.ifess.com/?p=70作者:落伍 Ipv6,转载请注明。

(0)

相关推荐

  • 学习Xhtml+CSS2的一些心得体会

    自从W3C搞了一个Xhtml1.0的标准之后,很多网站都开始用之将站点重构,像yahoo,163,CSDN等,近来一段时间Xhtml+CSS2的热潮更是一浪高过一浪,所以偶也开始学起了,慢慢的就爱上他们了,现在谈一谈最近一段时间来的学习体会. 为什么要学Xhtml+CSS2 首先,规范的代码能在各种浏览器中顺利显示. 一些不规范代码的网页在IE下能正常显示的,在Firefox和Opera上可能就无法正常显示.虽然现在浏览器的主流是IE以及以IE为内核的各种浏览器,但不排除Firefox以及Ope

  • PHP框架Laravel学习心得体会

    Laravel是一套简洁.优雅的PHP Web开发框架 (PHP Web Framework) .在世界(不含中国)PHP框架的占有率超过40%. 自从接触PHP以来一直使用Yii,感觉Yii实现功能比较简单,是一个很不错的框架.最近由于工作的原因开始研究Laravel5,不得不说我在第一步安装就被坑着了,下面就是我痛苦的学习成果.Laravel对我来说完全是新东西,如果内容有误,烦请留言或QQ我,帮我纠正错误,感激不尽!!! 1.首先安装php,最好5.6以上版本 (1)windows安装co

  • React Native项目框架搭建的一些心得体会

    React Native 是Facebook于2015年4月开源的跨平台移动应用开发框架, 短短的一两年的发展就已经有很多家公司支持并采用此框架来搭建公司的移动端的应用, React Native使你能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP. 项目框架与项目结构 1. 项目中使用的技术栈 react native.react hook.typescript.immer.tslint.jest等. 都是比较常见的,就不多做介绍了 2. 数据处理

  • 学习Java内存模型JMM心得

    有时候编译器.处理器的优化会导致runtime与我们设想的不一样,为此Java对编译器和处理器做了一些限制,JAVA内存模型(JMM)将这些抽象出来,这样编写代码时就无需考虑那么多底层细节,并保证"只要遵循JMM的规则编写程序,其运行结果一定是正确的". JMM的抽象结构 在Java中,所有的实例.静态变量存储在堆内存中,堆内存是可以在线程间共享的,这部分也称为共享变量.而局部变量.方法定义参数.异常处理参数是在栈中的,栈内存不在线程间共享. 而由于编译器.处理器的优化,会导致共享变量

  • jQuery插件DataTables分页开发心得体会

    写Blog目的:不是为人气,只是留份笔记:啰嗦不要紧,只怕有遗漏,以后想不起来. 官网:https://datatables.net/ 中文官网:http://datatables.club/ 开发环境:Python 3.6.0.Anaconda 4.3.1.Django.JetBrains PyCharm 2017.1.5 按我项目的开发过程简单整理. 1.第一版本,无分页. 在此之前有用到过DataTables(更多的是easyui中的Datagrid,另之前服务端是PHP),因此想着前端/

  • mysql主从服务器同步心得体会第1/2页

    原来看过MYSQL同步数据的实现,可是自己还没有动过手,今天没什么事就玩一玩,正好在旁边有另一台空电脑,都在同一个路由器下.哈哈,正好. 不过首先在找配置文件上就把我卡了好久,由于我用的是xampp安装包,在xampp/mysql/bin目录下看始终没有找到my.cnf,在c:windows目录下也没有发现, 如上图,看到的只有一个"my"的快速拨号的东西,又不是文件,怎么都打不开.后来找了好久才在网上看到说遇到这种情况需要先打开editplus,然后再从editplus里面打开这个文

  • CSS使用心得体会

    一,CSS的管理 偶个人感觉比较重要,而且网上好像也比较少有说这方面的 一来管理好的话,在调用和定义CSS时,会省掉很多时间和麻烦 以下是偶的一些积累 首先是为何要外部导入或链接CSS 因为一个网页有很多页面,其中就要用到很多CSS(而且其中有一部分CSS是重复的),如果每页单独定义的话,以下是管理的方法,在index下的images文件夹中,CSS文件夹与之同级,方便调用和管理 开始做网站时,因为偶们大多在PS中都得到了平面图,这时可以初步的明确相同部分CSS 比如底部,正文 假设现在有a ,

  • 关于使用key/value数据库redis和TTSERVER的心得体会

    先说redisredis是一个类似memcached的key/value存储系统,它支持存储的value类型相对较多,包括string(字符串). list(链表).set(集合)和zset(有序集合).在此基础上,redis支持各种不同方式的排序.与memcached一样,为了保证效率,数据都是缓存在内存中.区别的是redis会周期性的把更新的数据写入磁盘或者把修改操作写入追加的记录文件(这点儿个人觉得redis比memcache 在数据保存上要安全一些),并且在此基础上实现了master-

  • Myeclipse连接mysql数据库心得体会

    我是给同学做一个J2EE 关于struct+hibernate结构的课设,数据库以前用的是Oracle,数据库丢失,不想装Oracle,那玩意装在本子上太刀了,卸不掉恶心...就换个mysql给他改改,网上的一些帖子,太老了,版本以及网址都是翻新没有翻内容,头大,不给力啊,还是不能全靠网络,毕竟有些东西要相信自己--想到了自己试试.思考才是王道. 以上都是废话.开始: Myeclipse连接mysql数据库之前先搞定这几项: 步骤: 1. Install JDK,Tomcat,myeclipse

  • ASP动态网页制作技术经验分享

    学好一门编程语言有两个条件是必不可少的,一是理论与实践结合.在实际例程去验证书本上的理论能加深你对理论的理解:二是学会总结,把学习.运用中的心得体会记下来,当成一种经验或者教训加以提炼并在日后的应用中加以改进,一定能提高你对这门编程语言的认识.以下是笔者在学习与运用ASP编程中的两点经验,希望能对大家有所帮助. ASP页面内VBScript和JScript的交互 ASP具备管理不同语言脚本程序的能力,能够自动调用合适的脚本引擎以解释脚本代码和执行内置函数.ASP开发环境提供了两种脚本引擎,即VB

随机推荐