XHTML1.0及CSS標準必須注意的九個問題

來源:互聯網
上載者:User

 一、在 <div class=tzh>I am TZH!</div> 這段語句中有什麼錯誤?

  標點符號問題。這其實也是大家最容易忽視的問題,其實就是小小的兩個引號,就造成了這個錯誤。雖然很多瀏覽器在不加引號的情況下仍然能正確識別渲染。但是這樣想要通過嚴格的W3C XHTML國際標準是不可能的,請大家記住等號後面一定要接引號。正確寫法:<div class="tzh">I am TZH!</div>  

二、在 <SPAN class="tzh">TZH is me!</SPAN> 這段語句中有什麼錯誤?

  大小寫注意。這和第一個問題一樣,都是特別容易忽視的細節問題。在W3C標準中是絕對不允許大寫的,其中我仍記得我在檢測一段javascript代碼的時候,由於為了讓自己一目瞭然寫出的onLoad也被判斷成了錯誤,原因就是L不能大寫。正確寫法:<span class="tzh">TZH is me!</span>  

三、在 <p>I am TZH!</p><br><p>TZH is me!</p> 這段語句中有什麼錯誤?

  <br />標籤問題。對於強制換列標籤<br />來說,很多新手都分不清它和<br>的區別,甚至在FCKeditor編輯器中有時都會時不時冒出個<br>來充當 <br />。雖然同樣很多瀏覽器都能自動錯誤修正,將<br>作為<br />識別。但最好的編輯方法還是推薦大家使用Dreamweaver進行編輯,當你按下Ctrl+Enter,就會自動寫上一個<br />。正確寫法: <p>I am TZH!</p><br /><p>TZH is me!</p>  

四、 <h1>~tangzhehao~hey~</h1> 這段語句中有什麼錯誤?

  注意標籤結束後面接的標點符號,很多標籤結束後都不能接特殊標點符號,比如這裡的"~"波浪號,但你要問,那叫我怎麼用呢?那就使用ISO Latin-1字元集(ISO Latin-1 Character Set),在這裡,尋找到“~”波浪號相對應的字元集十進位編碼是~,然後就用這個十進位編碼代替~波浪號,記住最後的分號不能丟。在ISO Latin-1字元集中以已具名實體(Named entity)最優先,十進位編碼(Decimal code)其次,也就是說,一個符號在同時有十進位編碼和已具名實體的時候,優先選用已具名實體而不使用十進位編碼。  

五、在 <form id="54tzh"></form> 這段語句中有什麼錯誤?

  注意id和class特殊情況。W3C XHTML1.0 標準中規定,在id或class中,第一個字元是不能是數位,必須是字母。正確寫法:<form id="tzh45"></form>  

六、在 <img src="logo.gif"> 這段語句中有什麼錯誤?

  <img>標籤注意。W3C XHTML1.0 標準中規定,在<img>標籤中,必須包括alt元素。正確寫法:<img alt="Logo" src="logo.gif">  

七、在<script language="JavaScript"> 這段語句中有什麼錯誤?

  < script>標籤注意。W3C XHTML1.0 標準中規定,在<img>標籤中,必須包括type元素。正確寫法:<script language="JavaScript" type=text/javascript>  

八、在<div><h1>I am TZH!</div></h1> 這段語句中有什麼錯誤?

  注意標籤開始結束順序對應。正確寫法:<div><h1>I am TZH!</h1></div>

九、除了上面的之外,還需要注意哪些問題?

  注意特殊套裝。比如:<dl><dd><ul> <li>等一些特殊標籤,套裝順序中缺一不可。必須按照順序將<dl><dd><ul>< li>四個標籤寫完全。類似的還有許多。

  注意未開啟標籤。所謂未開啟來自於W3C檢測,這類錯誤顯示的錯誤是 is not open,翻譯過來也就是未開啟的意思。如果按照中文的意思來理解就是有首無尾或者有尾無首。通常這種錯誤出現的原因都是因為有一段代碼在修改的時候被刪除,而沒有顧及到相對較遠的結束或者開始標籤。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.