本篇內容主要講解“Div+CSS網(wǎng)頁布局實現(xiàn)Web標準時會出現(xiàn)哪些問題”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“Div+CSS網(wǎng)頁布局實現(xiàn)Web標準時會出現(xiàn)哪些問題”吧!

成都創(chuàng)新互聯(lián)公司網(wǎng)站設計，為客戶量身定制各類網(wǎng)站建設業(yè)務，包括企業(yè)型、電子商務型、響應式網(wǎng)站開發(fā)、行業(yè)門戶型等各類網(wǎng)站，實戰(zhàn)經(jīng)驗豐富，成功案例眾多。以客戶利益為出發(fā)點，成都創(chuàng)新互聯(lián)公司網(wǎng)站制作為客戶規(guī)劃、按需制作網(wǎng)站符合企業(yè)需求、帶有營銷價值的網(wǎng)絡建站方案認真對待每一個客戶，我們不用口頭的語言來吹擂我們的優(yōu)秀，數(shù)千家的成功案例見證著我們的成長。

Div+CSS網(wǎng)頁布局、web標準應用容易出現(xiàn)的問題匯總

應用Div+CSS網(wǎng)頁布局，制作符合web標準的網(wǎng)站時，容易出現(xiàn)的一些問題?，F(xiàn)在總結一下，以便大家能夠看到明白問題出在那里。

一.CSS校驗的問題

我們設計的網(wǎng)頁，都希望符合XHTML標準，CSS通過W3C的校驗。有些未通過CSS2.0校驗，主要校驗錯誤都是:“Line:0font-family:建議你指定一個種類族科作為***的選擇”
W3C建議字體定義的時候，***以一個類別的字體結束，而不要以單獨某個字體結束。例如"sans-serif"就可以保證在不同操作系統(tǒng)下，網(wǎng)頁字體都能被顯示。

雖然多數(shù)人都在body標簽上定義了"sans-serif"，但在其它的id或class中再次定義字體時漏了sans-serif，被認為校驗不通過。這個錯誤不是很嚴重，只要稍加注意就可以避免。

二.CSS的書寫建議

給CSS文件加注釋。注釋會為你今后的維護帶來方便，建議盡可能給CSS文件加注釋，不要擔心增加少量的字節(jié)。盡量簡寫CSS語法。比如顏色值"#FFFFFF"可以簡寫成"#FFF";"padding-top:30px;Padding-right:0;padding-bottom:10px;padding-left:20px"可以簡寫為"padding:30px010px20px;"。在定義技巧上有更多的節(jié)省技巧，隨著對CSS應用的熟練，你會不斷發(fā)現(xiàn)更好的辦法。

三.XHTML校驗的問題

往往大家對CSS的校驗比較注意，但在XHTML符合標準方面有點忽視，出現(xiàn)很多低級錯誤。主要問題羅列如下：

◆target="_blank"，這個語法在HTML4.0里是正確的，在XHTML1.0里是不允許使用的。解決的辦法之一是寫成target="new"，另外一個辦法是用js處理所有的target；

◆樣式表***不要內嵌，將樣式表文件獨立出來易于維護。如果內嵌<style>一定要寫成<styletype="text/css">，其中的type不能忽略，否則XHTML無法判斷你的style作用在什么方面。

◆<br>必須寫成<br/>，XHTML要求所有的標簽必須關閉，不成對的標簽直接在后面加"/"。

◆重復使用同一ID。一個ID在XHTML中只能使用1次，如果需要多次引用樣式，應該使用class。

◆Flash的嵌入方法錯誤。<embed>最早是Netscape的私有標簽，即使后來為IE所支持，但始終沒有被W3C承認，在HTML4.0沒有<embed>這個標簽。W3C主張的是采用<object>標簽。為了解決不同瀏覽器的兼容，有一個變通的解決方法是2個標簽都采用。
完整的示例代碼如下(flash背景為透明)：

ExampleSourceCode

<object classid="clsid:27CDB6E-AE6D-11cf-96B8-444553540000"codebase=  "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"  width="300"height="100"> <paramnameparamname="quality"value="high"> <paramnameparamname="wmode"value="transparent"> <paramnameparamname="SRC"value="test.swf"> <embedsrcembedsrc="test.swf"wmode="transparent"quality="high" pluginspage="  http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"  type="application/x-shockwave-flash"width="300"height="100"> </embed> </object>

但直接寫在XHTML中依然不可以，我們現(xiàn)在只能通過把上面代碼寫在flash.js文件里，然后再調用來騙過校驗。
<scripttype="text/javascript"src="flash.js"></script>
關于flash是否符合標準，是一個存在爭議的問題。

◆類似id=headerclass=title代碼都應該寫成id="header"class="title"。給屬性值加引號是最XHTML基本的語法規(guī)則。

四.兼容的問題

有些網(wǎng)站在IE6.0、MozillaFirefox1.0、Opera7.12中瀏覽發(fā)生變形和錯位。
在IE里居中，但Mozilla里沒有。在IE中設置body{TEXT-ALIGN:center;}就已經(jīng)可以居中了，但在Mozilla中必須對需要居中的層再加入以下樣式設置：MARGIN-RIGHT:auto;MARGIN-LEFT:auto;

超出寬度。在Mozilla里看正常的頁面，在IE里因為超出寬度而變形，并排的層移到下面去了。這個情況是因為IE和Mozilla對盒模型解釋不同造成的，有很多解決辦法，比如"!important"方法。

web標準和CSS布局已經(jīng)被越來越多的設計師了解和掌握。CSS布局經(jīng)過一段時間的消化理解和應用，會有更多技術美觀兼顧的網(wǎng)頁涌現(xiàn)。

到此，相信大家對“Div+CSS網(wǎng)頁布局實現(xiàn)Web標準時會出現(xiàn)哪些問題”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！

網(wǎng)站題目：Div+CSS網(wǎng)頁布局實現(xiàn)Web標準時會出現(xiàn)哪些問題
網(wǎng)頁地址：http://jinyejixie.com/article40/jpdsho.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供響應式網(wǎng)站、微信公眾號、網(wǎng)站維護、品牌網(wǎng)站建設、外貿(mào)網(wǎng)站建設、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)