二先生:《如何从零开始学习DIV+CSS》读后感

魏巍 2015年05月05日 09:41 好文分享 1508次阅读 查看评论

u12820558603049788532fm21gp0.jpg

今天上班没事,百度了下CSS,看到卢松松的博客的一篇文章 (如何从零开始学习DIV+CSS),第一感觉就是写这篇文章的人应该也是才接触css不久的人,我个人觉得是有点误导初学者了。

第一点:css是啥?卢松松说CSS是样式,DIV是层,虽然不标准,但是也是没有错的,css是层叠样式表(Cascading Style Sheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。具体的大家百度百科看,我说的肯定没百科来的专业。

第二点:DIV+CSS是网站标准(web标准),DIV+CSS本是错误的叫法,是中国人自己发明的,标准的叫法应该是XHTML+CSS。

第三点:布局,(因为XHTML网站设计标准中,不再使用表格定位技术)XHTML标准中从未规定过不再使用表格或者说过表格布局的网站是不标准的。DIV 可以实现的 Table 一样可以实现。

摘抄:很多人看到其他网站用到Table,就会嘲笑面面做的不够标准,好像用不用table成了页面是否标准的一个标尺。现在我可以告诉大家,凡是有着这种行为的,都是学得不咋样,很皮毛!

用了Table 页面就不标准了?!纯粹无稽之谈,那什么才是标准页面呢?先看一个专业概念,WEB 标准,然后我会问三个问题,你来回答:

WEB 标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML 和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript 等。这些标准大部分由W3C 起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript 标准。

看明白了没有?问题来了~先不要看答案,从上面的概念中找出

问题一:WEB 标准有几部分组成?

问题二:结构化标准语言是什么?

问题三:表现标准语言是什么?

答案一:三部分,结构、表现、行为

答案二:XHTML 和XML

答案三:CSS

看完上面三个问题,那什么是标准页面呢?呵呵,说白了就是按照WEB 标准制作的页面,从第二个问题和第三个问题中,我们又可以说,用XHTML 和CSS 制作的页面就是标准页面,也就是说xHTML+CSS 制作的页面就是标准页面。怎么样,理解了吧。

当然,使用Table布局是不太明智的,并不代表不标准,不能用,可以看看很多大学的网站,基本上都是table布局,这里具体的就不说了,可以百度下 Table Div 的区别,很多详细的解释。

第四点:学会HTML语言,(因为有了像dreamweaver这样的帮助生成html代码的工具,所以很多人都忽略了HTML的学习),下面又推荐初学者用dreamweaver工具,你这不矛盾吗?

我个人建议在学习或书写HTML的时候使用记事本等普通编辑器,有助于记忆。不管是在学习HTML的时候也好,还是CSS也好,都建议初学者前期多去写,提示工具少用,熟悉了之后可以使用一些像dreamweaver、Notepad++、Sublime Text等可以提高编码效率的工具。

第五点:养成良好的书写习惯,这个是非常有必要的,除了可以提高编码速度,也可减少CSS文件的大小,减少自己的工作量,好的编码风格也能让别人轻松看懂,也为自己的后面编辑修改提供方便。

以上仅个人观点,说的可能比较片面,因为那篇文章毕竟是09年写的,现在css都发展到3.0了,HTML也到了5,现在的网站更重要的是用户体验,标与标准对用户来说真的没有什么。

科普下DIV+CSS 的SEO中的作用:

1、精简的代码,使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。代码精简提高了百度蜘蛛的爬行效率以及高效性,能在最短的时间内爬完整个页面,同时这样对收录质量有一定好处;

2、提高访问速度、增加用户体验性

使得加载速度得到很大的提高,那么用户点击页面的等待时间就越少,用户体验性的增加相应的带来就是网站受到搜索引擎的喜欢,进而提高网站排名。

3、div+css结构清晰,很容易被搜索引擎搜索到,天生就是适合优化seo,降低网页大小,让网页体积变得更小。注意:div+css结构清晰、精简,不意味着可以全部用div+css结构,比如通篇HTML标签全DIV的,貌似除了<head>之上及<body>之上及之外,其它全是<div>,就如同整个HTML是一万个毫不相干的内容拼装起来,或者通篇是<div><ul><li>结构的,就如同这个页面所有元素全是列表。事实上这两种情况还相当普遍,因为曲解了“DIV+CSS”的真实含义,也许根本就不应该有这个说法,因为一个完整页面几乎不可能仅仅DIV+CSS就能完成。(来自百度百科)

最后给大家推荐一些学习资料:

1.HTML教程 http://www.w3school.com.cn/html/

2.CSS 教程 http://www.w3school.com.cn/css/

3.2天轻松驾驭DIV+CSS 如要有需要PDF版的可以加我QQ10245089

来源:二先生博客(微信/QQ号:10245089),欢迎分享本文,转载请保留出处!

我的QQ空间,每天定时 05:20 更新一篇原创文章,发多条有价值的说说。

我是魏鹏超,QQ(568588127),欢迎加我,欢迎一键转载分享。
 



—— 投稿请加博主QQ:568588127 ——


本故事完!如有感触,感谢点赞,转载、分享。
文章来源:魏巍博客,微信公众号(魏巍日记)

« 上一篇 下一篇 » 来源:魏巍博客 » 二先生:《如何从零开始学习DIV+CSS》读后感 欢迎分享,转载请保留出处!
标签:

◎请在这里发表您的看法、交流您的观点。说两句吧:

必填

选填

选填

◎欢迎参与讨论,我的微信号/QQ:568588127

推荐关注
本月最热网赚项目文章
网赚平台最新发表文章
网赚博客标签列表
  • 自媒体 (22)
  • 营销思维 (83)
  • 营销知识 (7)
  • 网络推广 (97)
  • 软文写作技巧 (4)
  • 生活 (11)
  • 网赚 (11)
  • SEO (26)
  • 写作技巧 (12)
  • 自媒体运营 (8)
  • 微信公众号 (5)
  • 微信营销 (9)
  • 创业 (26)
  • 引流方法 (33)
  • 网赚项目 (106)
  • 网络赚钱 (5)
  • 网赚思维 (23)
  • 网络营销 (26)
  • 网络创业 (5)
  • 网络推广方法 (12)
  • 骗术揭秘 (5)
  • 赚钱方法 (122)
  • 创业项目 (93)
  • 网赚平台 (9)
  • 网站SEO (5)