CSS教程之优先挑选W3C保举的尺度标准
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。网页制造poluoluo文章简介：怎样遵守尺度，实在尺度有良多，布局尺度，体现尺度，举动尺度。选择尺度标准，就优先选择W3C保举的尺度。
接着上一篇，一致头脑，遵守尺度。怎样遵守尺度，实在尺度有良多，布局尺度，体现尺度，举动尺度。选择尺度标准，就优先选择W3C保举的尺度。
布局尺度可选项
看下维基百科的HTML保举尺度都有哪些：
http://zh.wikipedia.org/wiki/HTML#HTML
N多尺度，倡议选择合适你公司和团队的尺度，实在中心理念仍是让项目一致遵守一个尺度，严厉的XHTML是如许的。
<?xmlversion="1.0"encoding="UTF-8"?>
<!DOCTYPEhtml
PUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">
<head>
<title>VirtualLibrary</title>
</head>
<body>
<p>Movedto<ahref="example.org.http://example.org/">example.org</a>.</p>
</body>
</html>
XHTML的媒体范例是application/xhtml+xml，而不是被年夜多设备都辨认的text/html。增添xml头部声明还会形成IE6的quirks形式。总得来讲，不是通用性很强的尺度，利用的时分必要舍弃W3C的一些申明，改进后的应当是往失落xml声明，往失落媒体范例是application/xhtml+xml。不要给你们团队的开辟形成不用要的困扰。
<!DOCTYPEhtml
PUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmllang="en-US"xml:lang="en-US"xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IntroductiontoHTML</title>
<linkrel="shortcuticon"href="/favicon.ico"type="image/x-icon"/>
<metahttp-equiv="Content-Type"content="text/html;charset=ISO-8859-1"/>
</head>
<body>
</body>
</html>
我这里倡议选择XHTML1.0尺度的过渡型，假如你以为XHTML过于花俏，不合用，HTML4.0的严厉型也是很好的选择。HTML2.0已被HTML5所代替，貌似看起来HTML4仍是更具有向后的持续性。
网页制造poluoluo文章简介：怎样遵守尺度，实在尺度有良多，布局尺度，体现尺度，举动尺度。选择尺度标准，就优先选择W3C保举的尺度。
实在下面所说的，也就是让W3C尺度兼容终端，本应当终端依照W3C标准来开辟剖析器，可是各种的原意，终端各持己见，置W3C尺度于掉臂，而用户体验永久是第一名的。以是我们既然遵守尺度，又要兼容终端。
我们不是尺度的制订者，仅仅是实行者。就要思索到项目标用户群体的特征，利用哪一个终端多一点，不言而喻，IE6的利用者仍旧是年夜多半的。并且XHTML的严厉界说体例不切合IE6的剖析体例。经由过程衡量，即选择了W3C的保举尺度，固然不是最新的，也兼容了现有终真个情形。
空话有点多了，提要的申明一下，选择一个合适项目年夜多半用户终真个尺度，就HTML来讲，4.0和xhtml1.0(改进后)都是不错的，可是要遵守HTML的布局化和语义化的请求，标签必需小写，闭合公道，嵌套准确，摒弃体现型标志，布局代码和体现代码分别。html1.0也能够编写成xml布局化的形态，立即没有xml声明。
CSS是最头疼的一块，假如严厉依照W3C的css2.1标准，是很难兼容到IE系列扫瞄器的，出格是IE5.5IE6两种，他们的剖析和W3C相差甚远，以是CSS文件就必需进进hack，一种是css本身的公有属性和公有辨认的代码，一种是IE扫瞄器独有的前提正文。细节就未几讲了。
怎样既遵守尺度，有兼容扫瞄器。那就是利用切合尺度大概近似切合的扫瞄器作为次要开辟软件，我倡议安装有firebug插件的firefox作为第一个调试工具，等界面完成后，再调试其他扫瞄器，经由过程csshack大概前提正文，大概二者混搭。
幻想的CSS兼容计划是，IE8,firefox这类经由过程Acid2测试的扫瞄器利用尺度的CSS代码，对没有经由过程测试的(就是IE系列)利用前提正文。比方：
<linkrel="stylesheet"type="text/css"href="w3c.css"/>
<!-->
<linkrel="stylesheet"type="text/css"href="ie7.css"/>
<!-->
<!-->
<linkrel="stylesheet"type="text/css"href="ie7lt.css"/>
<!-->
IE5.5的份额太少，能够思索不兼容，兼容也次要是盒模子上的兼容。
幻想的毕竟会存在良多实际的成绩，好比IE的哀求数过量，这是速率上的丧失，代码保护不方面，统一个页面必要保护多个css文件，简单发生漏掉，制止这两个要素，csshack是做好的体例，主款式+公有款式办理兼容成绩。
针对IE，罕见bug的处置，haslayout的触发，放在尺度CSS代码的前面。好比：
.clearfix:after{content:" 020";display:block;height:0;clear:both;}
.clearfix{*zoom:1;/*IEhaslayout*/}
.box{float:left;margin-left:20px;_display:inline;/*双倍marginbug*/}
今后的扫瞄器对CSS的处置都接纳W3Ccss2.1标准为主，公有属性为辅的战略，好比firefox的-moz-，IE8的-ms-，sefari和Chrome的-webkit-，Opera的-o-。
Javascript的尺度兼容终端，我不是很分明，基础的还能够看出，使用W3C的DOM操纵文档树，而不是IE的document.all，摒弃IE的Jscript和VBscript。并且JS是能够往判别终真个，实例：
varua=navigator.userAgent.toLowerCase();
var_isOpera=ua.indexOf(opera)!=-1,
_isSafari=ua.indexOf(safari)!=-1,
_isGecko=!_isOpera&&!_isSafari&&ua.indexOf(gecko)>-1,
_isIE=!_isOpera&&ua.indexOf(msie)!=-1,
_isIE6=!_isOpera&&ua.indexOf(msie6)!=-1,
_isIE7=!_isOpera&&ua.indexOf(msie7)!=-1;
经由过程终真个判别，给IE开小灶，办理IE的兼容成绩。
if(_isIE6){//IE6
//语句
}
DHTML的汗青远宏大于如今所说的富客户端，良多履历组定都源自于初期的IE平台上的DHTML，怎样坚持JS主体代码的尺度化和对IE系列的兼容，我本人还必要再堆集堆集。
最初，为何良多团队请求将firefox作为开辟情况，待代码完成后再举行IE系列的bug调试。就是基于这个头脑，先依照W3C尺度标准编码，再处置对尺度撑持欠好的扫瞄器的。如许你才干了解为何把IE的毛病剖析成为bug，并且页面工程师的课本也靠近一致，那就是W3C的文档，那是我们威望的课本。向后，终端都尊敬了W3C尺度，IE8就是很好的例子。
</p>
搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。 是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人. 不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。 以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。
页:
[1]