对话闲聊DIV+CSS与WEB标准

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

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

【 tulaoshi.com - Web开发 】

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

来源:https://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是Cascading Style Sheets(层叠样式表单)的简称。更多的人把它称作样式表。顾名思义,它是一种设计网页样式的工具。借助CSS的强大功能,网页将在您丰富的想象力下千变万化,越来越多的人在学习而很多初学者没有一个头绪,整理了一些学习的方法给大家。 一. CSS学习重在方法! 学习任何东西都是一样,从小学、中学、大学,除了学习知识外...
标签: Web开发
以前用FLASH作过一个FLASH相册—网络版 这个效果有点学这个的意思。 为了一行了的代码,我已经花了两个晚上来想了,结果下来就是感觉IE有点变态。用正常的想法去作,FIREFOX 等浏览器都没有问题,只有IE不可以。只有加那么一行垃圾代码,IE才能正常显示。 以下就是效果: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E...
标签: Web开发
在线观看: CSS基本概念 CSS初探 - CSS基本知识 - 第1课http://learning.artech.cnhttp://img.warting.com/2007/05/30/20070530.html CSS基本语法与核心概念 - CSS基本知识 - 第2课http://learning.artech.cnhttp://img.warting.com/2007/05/31/20070531.html 设置丰富的文字效果 - CSS基本知识 - 第3课http://learning.artech.cnhttp://im...

经验教程

681

收藏

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