仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 526|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:W3C尺度和XHTML和HTML

[复制链接]
再见西城 该用户已被删除
跳转到指定楼层
#
发表于 2015-1-16 00:04:15 | 只看该作者 回帖奖励 |正序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
甚么是W3C?

W3C(WorldWideWebConsortium)是一个努力于W3(WorldWideWeb)尺度化的构造,建立于1994年11月,今朝(2007年5月)已具有441个会员,他们介入制造了以下与W3相干的尺度:


  • CSS
  • CGI
  • DOM
  • HTML
  • RDF
  • SVG
  • SOAP
  • SMIL
  • SRGS
  • SSML
  • VoiceXML


  • WSDL
  • XACML
  • XHTML
  • XML
  • XMLEvents
  • XForms
  • XMLInformationSet
  • XMLSchema
  • XPath
  • XQuery
  • XSLT

W3C尺度使环球的网页计划职员和扫瞄器打造商之间有了一个配合的尺度,恪守这个尺度的网页,在一切恪守W3C尺度的扫瞄器上都能够取得分歧的体现,因为天下上支流的扫瞄器(包含IE6+),今朝都恪守W3C标准,以是,假如您的网站是基于W3C尺度创建的,您能够完整不用忧虑扫瞄器兼容成绩。
在网站建立中会最常利用到那些尺度?

网站建立中最经常使用到W3C尺度有三个CSS,HTML,XHTML。个中HTML和XHTML用来供应内容,CSS用来对内容举行润色。当今,HTML+CSS大概XHTML+CSS已成为最无效的网页体现情势,这类体现情势的实质是,将内容同润色分隔,如许便于创作者在更新内容的时分,不用体贴润色,而更新润色的时分,不用剖析内容。
扫瞄器在对网页举行剖析的时分,必需参拍照应的尺度,古代的扫瞄器会利用分歧的尺度剖析网页内容,由于网页的置口号言有HTML和XHTML之分,我们在将网页送给扫瞄器剖析之前,必需告知它我们用的是HTML仍是XHTML,这就呈现了DOCTYPE的观点,DOCTYPE放在网页的最后面,它有多种界说情势,以下为XHTMLSTRICTDOCTYPE的界说,该界说告知扫瞄器,接上去的HTML文档利用XHTML1.0作为置口号言,利用strict标准举行剖析。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
六种最多见的DOCTYPE界说
分离有三种HTMLDOCTYPE和三种XHTMLDOCTYPE组成了六种最经常使用的DOCTYPE界说,它们各有分歧的偏重点,必要注重的是,个中的一些松懈界说的目标是坚持以后网站中的汗青遗留(Legacy)网页同古代扫瞄器的兼容,接纳松懈界说的网页固然在古代扫瞄器中仍能取得幻想的体现,是由于扫瞄器举行了大批的容错处置,尽量准确了解那些反面尺度的网页代码,以是,假如您想从零入手下手举行网站建立,利用最严厉的DOCTYPE能够包管您的网站未来不会呈现兼容成绩,由于扫瞄器对松懈界说的网页的撑持,未来一定能取得包管。
XHTML1.0Strict
XHTMLSTRICT+CSS是今朝公认最严厉,最有出路的尺度,利用该尺度,能够包管您的网页具有洁净的置标代码,不乱的兼容功能和最普遍的扫瞄器撑持,我们在前面的SEO部分中还会提到,这类尺度的网页在SEO中也会取得好的体现。它的界说为:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML1.0Transitional
正象Transitional这个意义所标明的那样,该尺度是一种过分尺度,旨在坚持网站中汗青遗留网页的兼容性,今朝,该尺度下的网页在各年夜扫瞄器中基础能够取得分歧的体现,但未来是不是会被持续撑持却没有包管,别的,一样一个网页,利用该DOCTYPE剖析的时分,显现一般,但改用XHTML1.0StrictDOCTYPE的时分,常常被剖析的乌烟瘴气,这申明XHTML1.0Transitional尺度允许大批毛病或不标准的代码存在,为您的网站留下隐患。它的界说为:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML1.0Frameset
当您必要利用Frame将您的页面分别成几个窗口的时分,必要利用本尺度,但Frame是一种过期的手艺,它最年夜的缺点在于不被搜刮引擎撑持,除非您有非常充分的来由,不然我们不倡议您利用Frame。它的界说为:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
HTMLStrict
这类界说和XHTMLSTRICT一样,只是用HTML取代XHTML。它的界说为:

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
HTMLTransitional
和HTML一样,只是用HTML取代XHTML。它的界说为:
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
HTMLFrameset
和XHTMLFrameset一样,只是用HTML取代XHTML。它的界说为:

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">


XHTML和HTML有那些区分

利用XHTML并不是设想中的那末难,现实上,XHTML和HTML的区分其实不年夜,这时代其实不存在很高的进修曲线,您完整能够在很短的工夫内把握XHTML并终极代替HTML。以下是两者次要的区分:
XHTML中的元素之间必需顺次序准确嵌套
在HTML中
<ahref=><b>Linka></b>
固然不标准,但扫瞄器都能够准确剖析,在XHML,您必需严厉如许写
<ahref=><b>Link</b>a>

XHTML中的元素必需包括停止标记
在HTML中,您能够如许写
<p>Thisisparagraphone
<p>Thisisparagraphtwo

大概如许写



XHTML必需利用小写
在HTML中,您能够如许写
<br>

XHTML文档必需有根Element
您必需坚持文档的周密布局。
XHTML元素的属性必需利用引号引发来
在HTML中,您能够如许写
<tablewidth=100%>
在XHML,您必需严厉如许写
<tablewidth="100%">

我们为何倡议利用XHTML替换HTML

XHTML简而言之,就是具有XML标准的HTML,将XML引进HTML的目标是改动HTML代码不敷严厉的成绩,在我们的收集天下,各处充溢着劣质的HTML代码,这些代码的准确显现,取决于扫瞄器的容错才能,而我们对此是没有保证的。而XML请求您的内容必需严厉依照标准举行置标,只要如许,我们才干取得布局松散的文档,布局松散的文档才干在各类扫瞄器中取得正确分歧的体现,包含各类手持设备上的扫瞄器,我们晓得,敌手持设备而言,它们的扫瞄器没有那末强的处置才能来改正HTML代码中的毛病。一样,XHTML完整向后兼容。

当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
精灵巫婆 该用户已被删除
7#
发表于 2015-3-22 00:08:04 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
蒙在股里 该用户已被删除
6#
发表于 2015-3-15 07:44:52 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
莫相离 该用户已被删除
5#
发表于 2015-3-7 13:50:54 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
爱飞 该用户已被删除
地板
发表于 2015-2-24 19:32:37 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
老尸 该用户已被删除
板凳
发表于 2015-2-8 05:47:17 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
只想知道 该用户已被删除
沙发
发表于 2015-2-2 19:27:24 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
第二个灵魂 该用户已被删除
楼主
发表于 2015-1-25 07:42:27 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 07:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表