HTML之meta標籤詳解

用來說明語言編碼字符集,它有三個屬性,分別是name,content和http-equiv


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   //說明了他的文字編碼
<meta http-equiv="Content-Language" content="zh-CN" />   //說明了他採用的語言
<meta name="author" content="Csdn" />                 //說明了他的作者
<meta name="Copyright" content="Csdn" />           //說明了他的版權
<meta name="description" content="" />                 //對網站的簡單描述
<meta content="" name="keywords" />                //說明了本網站的關鍵字




http-equiv="Content-Type" // 表示描述文檔類型
content="text/HTML;  文檔類型mime類型,這裏爲html,如果JS就是text/javascript,
charset=utf-8 頁面字符集,編碼,eg:gb2312,iso-8859-1,utf-8




meta http-equiv="Content-Type"什麼意思? 
 http-equiv 屬性爲名稱/值對提供了名稱。並指示服務器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。


當服務器向瀏覽器發送文檔時,會先發送許多名稱/值對。雖然有些服務器會發送許多這種名稱/值對,但是所有服務器都至少要發送一個:content-type:text/html。這將告訴瀏覽器準備接受一個 HTML 文檔。


使用帶有 http-equiv 屬性的 <meta> 標籤時,服務器將把名稱/值對添加到發送給瀏覽器的內容頭部.
2..
<html xmlns="http://www.w3.org/1999/xhtml">
 xmlns="http://www.w3.org/1999/xhtml">
html xml-n(ame)-(space)命名空間你可以這樣理解。無視也可以


xmlns是XHTML namespace的縮寫。
作用:由於xml允許定義自己的標記,但你定義的標記和其他人定義的標記有可能相同,但表示不同的含義。當文檔交換或者共享的時候就容易產生錯誤。爲避免這種錯誤產生,xml採用名字空間聲明,允許你通過一個網址來識別你的標記。
XHTML是HTML先xml過度的標記語言,它需要符合xml文檔規則,因此,也需要定義名字空間,又因爲XHTML1.0不能自定義標識,所以,它的名字空間都相同,就是:http://www.w3.org/1999/xhtml


3.
在寫一個顯示的JS,彈出窗口,並固定在右下角,在FF下測試沒問題,但在IE下,始終定位在左邊的最底下,檢查代碼,發現是手寫的HTML,沒有加上聲明標記:




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這是一個申明.申明此網頁遵循W3C所制定的DTD規則. W3C是一個萬維網聯盟.主要作用是規範各種製作網站所用的工具.比如HTML,CSS,JAVASCRIPT等等. 而DTD只是W3C對網頁的HTML文件規範的一種. W3C沒有對HTML文件的解析做標準之前,各種瀏覽器對同一個網頁文件的解析千差萬別.爲了避免這樣的事,W3C就提出了規範. <!DOCTYPE> 聲明位於文檔中的最前面的位置,處於 <html> 標籤之前。此標籤可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規範。 該標籤可聲明三種 DTD 類型,分別表示嚴格版本、過渡版本以及基於框架的 HTML 文檔。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 在上面的聲明中,聲明瞭文檔的根元素是 html,它在公共標識符被定義爲 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中進行了定義。瀏覽器將明白如何尋找匹配此公共標識符的 DTD。如果找不到,瀏覽器將使用公共標識符後面的 URL 作爲尋找 DTD 的位置。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章