DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 符合w3c標准的html標准需要注意的地方詳解
符合w3c標准的html標准需要注意的地方詳解
編輯:前端技巧     
XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0   
  2. Transitional//EN"    
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
  4. <html xmlns="http://www.w3.org/1999/xhtml">    
  5. <head>    
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
  7. <title>html標准源代碼-html標准主要注意重點</title>    
  8. <meta name="keywords" content="關鍵字" />    
  9. </head>    
  10. <body>    
  11. 第一行<br />    
  12. 第二行    
  13. <p>第二段</p>    
  14. <p>第三段</p>    
  15. </body>    
  16. </html>     

△標准html符合w3c的源代碼

符合w3c標准的html標准需要注意的地方

1、首先要DOCTYPE聲明

2、以<html>就要以</html>結束

3、注意一對組合型標簽如<title>就要以</title>結束,

常見的一對組合型標簽有div、p、title、head、html、table、tr、td、span、style、b、strong、ul、ol、li、dl組合(dl、dt、dd)、body

4、單獨型標簽如換行標簽br等標簽就要以<br />標簽來表示

單獨型標簽有br、meta 、link

5、標簽名注意盡量用半角英文小寫,如<div>,盡量少用全角大寫如<DIV>

根據html標准、web標准、w3c標准都需要執行遵循以上要點來符合標准。

怎麼知道什麼時候需要一對型標簽方式、什麼時候需要單獨型呢,這個需要大家在開發div+css的時候多注意記住,還有就是使用Dreamweaver軟件來簡單判斷。

使用Dreamweaver來判斷標簽方法如下

可以在Dreamweaver軟件中“代碼”中手寫代碼方式來,一般Dreamweaver軟件在寫到以“>”結束一個標簽時候,如果是單獨型標簽Dreamweaver軟件將自動轉換為“/>”如“<br />”,如果是對應一對型標簽時候將不會轉換寫“>”標簽將顯示“>”標簽而不會變化為“/>”,這個時候你就需要在結束的時候再以“</”加標簽名加“>”結束標簽,如“<div>”就要以“</div>”結束。

以上這篇符合w3c標准的html標准需要注意的地方詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved