|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
如果单独使用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"/>
<!--[ifIE7]>
<linkrel="stylesheet"type="text/css"href="ie7.css"/>
<![endif]-->
<!--[ifltIE7]>
<linkrel="stylesheet"type="text/css"href="ie7lt.css"/>
<![endif]-->
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技术的网页，对于搜索引擎的收录更加友好。 |
|
|Archiver|手机版|仓酷云
鄂ICP备14007578号-2
发表于 2015-1-15 23:35:02
收藏
转播
分享
淘帖
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜