对话闲聊DIV CSS与WEB标准

2016-02-19 11:53 6 1 收藏

今天图老师小编要向大家分享个对话闲聊DIV CSS与WEB标准教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - Web开发 】

Web标准这个词听说好久了,但是到底什么是Web标准呢?我们该如何实现Web标准呢?DIV CSS布局是Web标准吗?实现Web标准到底有什么好处呢?
不知上面这些问题大家以前是怎么认为的,至少我以前很傻乎乎的认为Div CSS布局就是符合Web标准。下面是布鲁斯狼和其老友的一段聊天对话,看完后希望大家在对Web标准的理解上有进一步的提高和认识!
对话一
横导航链接为什么要用UL LI
为什么不直接在一行写上文本链接呢
列表本身就有列表符号,同时列表项也要分行显示
做成横向的,既要使得不显示列表符号,又要将他们内嵌到一行。
----------------------------------------------------------------------------------
思维是这样的。什么才是标准。什么叫分离。什么叫结构。
标准是一系列标准。分离的是表现,内容和行为。而内容则决定了结构。
用合适的标签来组织文档,这是内容(结构)的基础。
导航从其本意上说,不是一个段落P,更不是一些个标题Hx,也不是一个DIV,DIV只是部分与分区。
导航实质上就是一个无序列表。
也就是说,用UL LI来组织导航的内容,更具有语义,具有更好的结构。
至于说,列表项预设标记,与垂直竖向的方式。是撇开不谈的。
只需要建立一个具有良好结构与富含语义的文档即可。
表现,交给CSS完成。
行为,交给JS完成。
对话二
列表通用性较广,是不是做出语义性元素更有针对性?
----------------------------------------------------------------------------------
在页面中很多元素,都是列表元素。不过在使用的时候,要注意,不要滥用。
另外在UL外面,更多的时候不需要外设DIV标签,它本身就是一个块元素。
对话三
现在全靠 div span ul ,标准里面不标准。
----------------------------------------------------------------------------------
现在标准是不够标准,但分离与结构的原则应该是很重视的。
能有好的结构,分离的够彻底,就很不错了
对话四
Web标准是CSS布局 准确么
----------------------------------------------------------------------------------
不正确。CSS布局是实现WEB标准的基础
对话五
如何实现Web标准
----------------------------------------------------------------------------------
结构化文档。行为,表现,内容,三者分离。
具有更好的适应性与扩展性。
并不是说,用CSS进行布局就是标准了。这只是其中一步。
对话六
谈到把DIV CSS说成Web标准的普遍说法,其实有些人硬找茬,大家都知道Web标准不只是这些,是思想,是内容和表现分离的主导思想,是结构化代码,而代码中的代表DIV就成了焦点了
另外,我觉得DIV CSS已经类似于中国语言中的约定俗称,大家都知道这层意思了
----------------------------------------------------------------------------------
对,我就说的随大流。
DIV CSS,实际上成为CSS网页布局的代名词。
而CSS网页布局就是WEB标准化构成的一个环节而已。
除了CSS,还要讲结构HTML,讲DOM,JAVASCRIPT等等。
最后就一个结果,要想符合标准,先DIV CSS再说~~~~~~~~~~~~
但并不是DIV CSS,就是标准了。

来源:https://www.tulaoshi.com/n/20160219/1598963.html

延伸阅读
标签: Web开发
当然,生成缩略图这个工作如果交给程序来完成,效果会好很多,但是有时出于某种因素,例如服务器不支持GD之类的,难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width和max-height两条CSS属性即可。   对于IE 6.0及以下版本,以上两条CSS属性均不会被理会。之前处理这种事情,我们往往...
在学习中遇到问题可以到 论坛 发贴交流! 原文作者:Roger Johansson, 456 Berea Street 中文翻译:x5stuido Last updated 2004-11-23 There is also an English vision English. T?m?dokumentti on saatavilla my?s suomeksi. Consultez l'article en version fran?aise. Dit document is ook beschikbaar in het Nederlands. Detta d...
在学习中遇到问题可以到 论坛 发贴交流! CSS小窍门 很明显,一旦你去很认真的学习使用CSS,你一定会发现某些问题,这些问题可能是由误解造成的,可能是由对规则的不了解或者浏览器的漏洞造成的。CSS Crib Sheet就是一个好建议的荟萃,有Dave Shea整理,下面还将有一些重要的而且是Dave没有提及的小窍门。 先校验: 在调试的时候,...
标签: Web开发
WEB标准的CSS网页布局,需要注意的地方有很多。我们在webjx.com上作过很多介绍,今天介绍五个需要注意的地方。 一、永远使用小写字母 不好的做法:  DIV   PHere's an interesting fact about corn. /P   /DIV    好的做法:   div   pH...
标签: Web开发
一、什么是DIV+CSS? “DIV + CSS” 是最新WEB标准的一个典型的应用。 一般来说,网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)等。 结构主要包括例如DIV在内的一系列的HTML(XHTML)标签,表现主要包括CSS(层叠样式表:Cascading Style Sheets), 行为主要包括例如对象模型(如W3C DOM)、ECMAScript等...

经验教程

89

收藏

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