对话闲聊DIV+CSS与WEB标准

2016-02-19 23:26 6 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的对话闲聊DIV+CSS与WEB标准,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)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,就是标准了。

来源:http://www.tulaoshi.com/n/20160219/1629926.html

延伸阅读
标签: Web开发
CSS+DIV 是网站标准(或称WEB标准)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误: 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 ...
标签: Web开发
div+css实现圆角边框,在网络上查看了一下,很多都是实现圆角的矩形的方法,我在这里介绍的是实现圆角矩形边框的方法。 用代码说明问题: html head style #a{ border-left:1px #333 solid; border-right:1px #333 solid; width:300px; height:500px; } .b{ height:1px; overflow:hidden; border-left:1px #333 solid; border-right:1px #333...
标签: Web开发
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadd...
标签: Web开发
“重构”的春风吹遍大江南北,互联网一时间风声鹤唳,“div+CSS”俨然已成为一种“时尚”,难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码,却时常令人哑然失笑—— 我们看到有嵌套6、7层的div布局,有不用table的表格,有纯div+a构成的页面,有成百上千的表现层class……现在关于标准的书籍越来越...
标签: Web开发
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误: 1. 检查HTML元素是否有拼写错误、是否忘记结束标...

经验教程

255

收藏

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