DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 網頁開頭部分的聲明DOCTYPE
網頁開頭部分的聲明DOCTYPE
編輯:CSS進階教程     

  網頁開頭部分的聲明 我們可能很少關注,下面我就結合網上的資料,把自己的理解寫下來,不對的地方,還請多多指正。

  有的網站源代碼開頭部分是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

  有的網站源代碼開頭部分是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">

  兩個網頁源代碼的開頭部分基本一樣前者比後者的HTML XHTML網頁編碼這個頁面多了一句 lang="UTF-8"

  1、什麼是DOCTYPE

  DOCTYPE是document type(文檔類型)的簡寫,用來說明你用的XHTML或者HTML是什麼版本。
  html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  表示那網頁是服從W3C//標准.語言是EN , 格式是DTD XHTML ,Xhtml版本是1.0

  2、什麼是DTD

  DTD 文檔類型定義(Document Type Definition)
  裡面包含了文檔的規則,浏覽器就根據你定義的DTD來解釋你頁面的標識,並展現出來。

  (1)過渡型(Transitional )
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  (2)嚴格型(Strict )
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  (3)框架型(Frameset )
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  關於DTD的選用 隨後再發帖子說明。

  3、什麼是xmlns

  "xmlns"是XHTML namespace的縮寫,叫做"名字空間"聲明
  因為xml允許自己定義自己的標識,你定義的標識和其他人定義的標識有可能相同,但表示不同的意義。當文件交換或者共享的時候就容易產生錯誤。為了避免這種錯誤發生,XML采用名字空間聲明,允許你通過一個網址來識別你的標識。

  4、xmlns="http://www.w3.org/1999/xhtml"  後面的網址可不可以換成別的呢?

  XHTML是HTML向XML過渡的標識語言,它需要符合XML文檔規則,因此也需要定義名字空間。又因為XHTML1.0不能自定義標識,所以它的名字空間都相同,就是http://www.w3.org/1999/xhtml

  5、html lang 屬性

  此屬性常用於html標簽中,代表整個文檔(文件)使用了某種語言,也可以使用在某個XHTML標簽中.
  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
  zh-CN 表示XHTML文檔使用中文 en表示 XHTML文檔使用英文
  xml:lang屬性可以使搜索引擎了解你的頁面使用了何種語言,搜索引擎可以按語言把頁面歸類,或者啟動某些自動翻譯系統.xml:lang屬性也可以使排版工具了解你的頁面使用了何種語言,這樣相應的排版工具就可以切換標點符號,轉換格式等操作.
  webjx的原代碼中 lang="utf-8"  這一句用的是否准確呢?我的理解是utf-8是一種編碼格式,而lang屬性的值應該是表示語言種類的字符串,還請哪位老師解釋下。
  這麼多的東西,花費了一個多小時。偽原創也很不容易!

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