【HTML】——盤點知識彙總
網頁主要是由文字，影象和超連結等元素構成，還包含音訊，視訊以及Flash等。
1、瞭解常用瀏覽器（IE瀏覽器，Firefox瀏覽器，Safari瀏覽器，Chrome瀏覽器，Opera瀏覽器）的核心：
（1）Trident(IE瀏覽器)
（2）Gecko（Firefox）
（3）webkit(Safari)
（4）Chromium/Blink（Chrome）
（5）Presto（Opera）
移動端的瀏覽器核心主要說的是系統內建瀏覽器的核心。Android手機而言，使用率最高的是Webkit核心，大部分國產瀏覽器宣稱的自己的核心，基本上也是屬於webkit二次開發。IOS以及WP7平臺上，由於系統原因，系統大部分自帶瀏覽器核心，一般是Safari或者IE核心Trident的。瀏覽器的核心不同，所以工作原理，解析肯定不同，顯示就會有差別，所以產生了web標準。
2、WEB標準
web標準不是某一個標準，而且由W3C和其他標準化組織制定的一系列標準的集合。主要包括結構，表現和行為三個方面。
- 結構標準：結構用於對網頁元素進行整理和分類，主要指HTML
- 表現標準：表現用於設定網頁元素的版式，顏色，大小等外觀樣式，主要指的是CSS。
- 行為標準：行為是指網頁模型的定義以及互動的編寫，咱們主要學的是JavaScript。
3、HTML初識
HTML（Hyper Text Markup Language）中文譯為超文字標籤語言，是用來描述網頁的一種語言。所謂超文字，因為它可以加入圖片，聲音，動畫，多媒體等內容，不僅如此，它還可以從一個檔案跳轉到另一個檔案，與世界各地主機的檔案連線。
- HTML不是一種程式語言，而是一種標記語言
- 標記語言是一套標記標籤
- HTML作用就是用標記標籤來描述網頁，把網頁內容在瀏覽器中展示出來。
HTML基本骨架格式：
<HTML>
<head>
<title></title>
</head>
<body>
</body>
</HTML>1、HTML標籤：作用所有HTML中標籤的一個根節點，最大的標籤 根標籤
2、head標籤：文件的頭部。文件的頭部描述了文件的各種屬性和資訊，包括文件的標題，在web中的位置以及和其他文件的關係等。絕大多數文件頭部包含的資料都不會真正作為內容顯示給讀者。
3、title標籤：文件的標題。作用：讓頁面擁有一個屬於自己的標題
4、body標籤：文件的主體。以後我們的頁面內容。基本都是放到body裡面的。body元素包含文件的所有內容（比如文字，超連結，影象，表格和列表等等）
HTML標籤分類：
在HTML頁面中，帶有<>符號的元素被稱為HTML標籤，如上面提到的<HTML>，<head>,<body>都是HTML骨架結構標籤，所謂標籤就是放在<>標籤符中表示某個功能的編碼命令，也稱為HTML標籤或HTML元素。
1、雙標籤
<標籤名>內容</標籤名>
該語法中<標籤名>表示該標籤的作用開始，一般稱為開始標籤，</標籤名>表示該標籤的作用結束，一般稱為結束標籤。
2、單標籤
<標籤名/>
單標籤也稱空標籤，是指用一個標籤符合即可完整的描述某個功能的標籤。
HTML標籤關係：
1、巢狀關係
<head><title></title></head>2、並列關係
<head></head>
<body></body><!DOCTYPE html>標籤位於文件的最前面，用於向瀏覽器說明當前文件使用哪種HTML或XHTML標準規範，必須在開頭處使用<!DOCTYPE>標籤為所有的XHTML文件指定XHTML版本和型別，只有這樣瀏覽器才能按指定的文件型別進行解析。
字符集：utf-8是目前最常用的字元編碼方式，常用的字符集編碼方式還有gbk和gb2312
gb2312簡單中文 包括6763個漢字。
BIG5繁體中文 港澳臺等用
GBK包含全部中文字元 是GB2312的擴充套件，加入對繁體字的支援，相容GB2312
UTF-8則包含全世界所有國家需要用到的字元。
PS：以後均使用UTF-8字符集，這樣就避免出現字符集不統一而引起的亂碼情況了。
HTML標籤的語義化：指標籤的含義
1、標題標籤：
單詞縮寫：head 頭部，標題 title——文件標題
HTML提供了6個等級的標題：<h1>,<h2>,<h3>,<h4>,<h5>,<h6> (從大到小)
2、段落標籤：
單詞縮寫：paragraph 段落 。在網頁中要把文字有條理的顯示出來，離不來段落標籤，可以將整個網頁分為若干個段落。
<p>文字內容</p>
3、水平線標籤：
單詞縮寫：horizon 橫線。 在網頁中常常看到一些水平線將段落與段落之間隔開，使得文件結構清晰，層次分明。這些水平線可以通過插入圖片實現，也可以簡單通過標籤來完成， <hr /> 就是建立橫跨網頁水平線的標籤。
4、換行標籤：
單詞縮寫：break 打斷，換行
在HTML中，一個段落中的文字會從左到右依次排列，直到瀏覽器視窗的右端，然後自動換行。如果希望某段文字強制換行顯示，就需要用換行標籤。
<br />
5、div span標籤
這倆個標籤是沒有語義的，是網頁佈局主要的2個盒子。CSS+div佈局。
div是division的縮寫，分割，分割槽的意思，其實有很多div來組合網頁
span跨度，跨距，範圍
語法格式：
<div>這是頭部</div> <span>今日價格</span>6、文字格式化標籤：
在網頁中，有時需要為文字設定粗體，斜體或下劃線效果，這時就需要用到HTML中的文字格式化標籤，使文字以特殊的方式顯示。
7、影象標籤img
單詞縮寫：Image 影象。HTML網頁中任何元素的實現都要依靠HTML標籤，要想在網頁中顯示影象就需要使用影象標籤。
基本語法格式：該語法中src屬性用於指定影象檔案的路徑和檔名，是img標籤的必需屬性。
<img src="影象URL"/><img />標記屬性：
