html基本使用

作為自己的html字典，常用的羅列的一下。。。

邏輯架構圖：

基本作用：

HTML是英文Hyper Text Mark-up Language(超文本標記語言)的縮寫，他是一種制作萬維網頁面標準語言（標記）。相當于定義統一的一套規則，大家都來遵守他，這樣就可以讓瀏覽器根據標記語言的規則去解釋它。

瀏覽器負責將標簽翻譯成用戶“看得懂”的格式，呈現給用戶！(例：djangomoan模版引擎)

Doctype

Doctype告訴瀏覽器使用什么樣的html或xhtml規范來解析html文檔

有和無的區別

1. BackCompat：標準兼容模式未開啟（或叫怪異模式[Quirks mode]、混雜模式）

2. CSS1Compat：標準兼容模式已開啟（或叫嚴格模式[Standards mode/Strict mode]）

這個屬性會被瀏覽器識別并使用，但是如果你的頁面沒有DOCTYPE的聲明，那么compatMode默認就是BackCompat,這也就是惡魔的開始 -- 瀏覽器按照自己的方式解析渲染頁面，那么，在不同的瀏覽器就會顯示不同的樣式。如果你的頁面添加了那么，那么就等同于開啟了標準模式，那么瀏覽器就得老老實實的按照W3C的標準解析渲染頁面，這樣一來，你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。

有，用什么？

Doctype告訴瀏覽器使用什么樣的html或xhtml規范來解析html文檔, dtd文件則包含了標記、attributes 、properties、約束規則。

Meta(metadata information)

提供有關頁面的元信息，例：頁面編碼、刷新、跳轉、針對搜索引擎和更新頻度的描述和關鍵詞

1. 頁面編碼（告訴瀏覽器是什么編碼）

< meta http-equiv=“content-type” content=“text/html;charset=utf-8”>

< meta http-equiv=“Refresh” Content=“30″>

< meta http-equiv=”Refresh“ Content=”5; Url=http://www.autohome.com.cn“ />

< meta name="keywords" content="星際2,星際老男孩,專訪,F91,小色,JOY" >

例如：cnblogs

與任何早期瀏覽器版本相比，Internet Explorer 8 對行業標準提供了更加緊密的支持。 因此，針對舊版本的瀏覽器設計的站點可能不會按預期顯示。 為了幫助減輕任何問題，Internet Explorer 8 引入了文檔兼容性的概念，從而允許您指定站點所支持的 Internet Explorer 版本。 文檔兼容性在 Internet Explorer 8 中添加了新的模式；這些模式將告訴瀏覽器如何解釋和呈現網站。 如果您的站點在 Internet Explorer 8 中無法正確顯示，則可以更新該站點以支持最新的 Web 標準（首選方式），也可以強制 Internet Explorer 8 按照在舊版本的瀏覽器中查看站點的方式來顯示內容。 通過使用 meta 元素將 X-UA-Compatible 標頭添加到網頁中，可以實現這一點。

當 Internet Explorer 8 遇到未包含 X-UA-Compatible 標頭的網頁時，它將使用 指令來確定如何顯示該網頁。 如果該指令丟失或未指定基于標準的文檔類型，則 Internet Explorer 8 將以 IE5 模式（Quirks 模式）顯示該網頁。

Title

網頁頭部信息

Link

1. css

< link rel="stylesheet" type="text/css" href="css/common.css" >

< link rel="shortcut icon" href="p_w_picpath/favicon.ico">

Style

在頁面中寫樣式

例如：
< style type="text/css" > 
.bb{ 
      background-color: red; 
   } 
< /style> 

Script

1. 引進文件

< script type="text/javascript" src="http://www.googletagservices.com/tag/js/gpt.js"> </script >

< script type="text/javascript" > ... </script >

重點要來了。。。。

標簽一般分為兩種：塊級標簽 和 行內標簽

• a、span、select 等

• div、h2、p 等

各種符號

http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html

p 和 br

p表示段落，默認段落之間是有間隔的！

br 是換行

a標簽

< a > </a>

1、target屬性，_black表示在新的頁面打開

2、錨

H 標簽

H1

H2

H3

H4

H5

select 標簽

請下載附件，用瀏覽器打開index.html