html的知識點快速記憶（一）
HTML快速回顧
（時間易逝，唯有學而思，思而學才更有味道）
知識點01：前端向後臺請求的通道是HTTP協議；後臺向前端反饋的通道叫介面。
知識點02：web組成的三層標準是結構（HTML）、表現樣式（CSS）、行為（Javascript）。
知識點03：增加頁面速度得技巧
http請求: 伺服器--"資源"---請求地址
資源 ： 音訊 視訊 圖片 程式碼 等等等
第一個優化得方法: 想辦法把所謂得資源 減少 或者 容量減少
第二個優化得方法： 減少http得請求次數
（自動觸發 手動觸發）
實現原理就是： 傳送一次請求 請求多個資源
知識點04：網頁有哪些組成？由文字，圖片，超連結等等元素組成
瀏覽器是用來轉換網頁程式碼的工具。
常用瀏覽器有五個：IE 火狐 谷歌 safari Opera；
知識點05：瀏覽器核心：瞭解五個最常見的，谷歌是Blink,Blink是webkit的分支，以及瞭解移動內建核心
知識點06：web標準三層組成：結構（Structrue）表現（Presentation）、行為（Behavior）(強大互動)；
結構類似人的身體，表現類似人的著裝，行為類似人的動作；
知識點07：html是一門超文字標記語言；
標記語言是一套標記標籤；所有的標籤都用<>來表示；
知識點08：html骨架格式，html最大的標籤是根標籤；
head文件的頭部，title是文件（網頁）的標題；body是文件的內容；
知識點09：html標籤，屬性，等推薦統一使用小寫；
電腦顯示副檔名的方法，開啟“我的電腦-檢視-勾選顯示副檔名”。
知識點10：html標籤分類---常規元素（雙標籤:<開始標籤></ 結束標籤>），空元素（單標籤:<標籤名 />）;
知識點11：html標籤關係---巢狀（包含）關係，並列關係
巢狀（父子級）關係，子元素最好縮排一個tab鍵的身位，一個tab鍵佔有4個空格；
知識點12：程式碼開發工具---Dw、subline、webStrorm、Hbuilder等
程式碼中所有的符號和標籤都是英文的，才能不出錯，所有的程式碼檔案都需要先儲存成.html檔案；
生成頁面骨架快捷方法：輸入html:5 按下tab鍵；或者 輸入 ！ 按下tab鍵；
知識點13：DOCTYPE和lang的解釋---版本和語言型別
<html lang="en"> 指的是html頁面內容語言。“en”是英文，“zh-CN”是中文。
知識點14：字符集---charset="UTF-8"
字符集（character set）是多個字元的集合；
GB2312：簡體中文，BIG5：繁體中文，GBK：包容所有中文。
UTF-8：多國語言集合，基本包含世界各個國家需要用到的語言；
知識點15：標籤的語義化的目的---所謂標籤語義化，就是指標籤的含義
根據標籤的語義在合適的地方用合適的標籤。
作用;方便程式碼的閱讀和維護，讓瀏覽器更好的解析，更好分析其中的內容，頁面清晰，利於搜尋引擎。
知識點16：標題標籤---<h1……h6>
標題標籤分6級，每一個標籤單獨一行顯示，並且有加粗的效果。
知識點17：段落標籤和水平線標籤---<p>&<hr/>
<P>段落標籤語義就是將文件分為多個段落；
<hr>水平線標籤。
知識點18：換行標籤---<br />
知識點19：div和span標籤---沒有語義，用來裝網頁元素的，即佈局用的
<div></div>用來佈局的，一行只能放一個div,
<span></span>用來佈局的，一行可以放多個span。
知識點20：文字格式化標籤---即給文字加一些裝飾的
<b></b>加粗 <strong></strong>語義更強調加粗，推薦使用；
<i></i> 傾斜 <em></em>語義更強調加粗，推薦使用；
<s></s> 刪除 <del></del>語義更強調加粗，推薦使用；
<u></u>下劃線 <ins></ins>語義更強調加粗，推薦使用。
知識點21：影象標籤---<img />
<標籤名 屬性1="屬性1" 屬性2="屬性2" />
例： <img src="images/3.jpg" />
src 屬性用於指定影象檔案的路徑和檔名，是必需的屬性。
alt 屬性用於影象不能顯示的時候，文字就顯示，
title 屬性用於提示文字，將滑鼠一經過就顯示，
width 屬性用於修改影象寬度，寫寬可以不用給高height，這樣圖片可以等比例顯示，（特定比例可以寫）
height 屬性用於修改圖片高度，寫高可以不用給寬height，這樣圖片可以等比例顯示，（特定比例可以寫）
border 屬性用於設定圖片邊框的寬度。
注意：各屬性之間需要用空格隔開。
知識點22：連結標籤---<a href="指定連結目標的地址" target="目標視窗開啟的方式></a>
href 是a標籤必需的屬性，
外部連結：需要新增 "http://網址"，
內部連結：需要新增內部目標檔案路徑地址，
空連線：可以用#來代替，
target 用於指定連結目標的開啟方式，（ _blank新視窗/ _self原視窗 ）預設是_self 會在原視窗開啟。
知識點23：註釋標籤---<!--註釋內容-->
註釋是為了解釋這部分程式碼是幹嘛的，程式是不執行的，
快捷鍵 “ CTRL+/ ”或 “CTRL+？” ，一般推薦 註釋放在要解釋的程式碼上面。
知識點24：相對路徑---引用檔案相對於網頁的地址路徑
目錄資料夾：最大的一個資料夾
根目錄：開啟目錄資料夾的第一層，就是根目錄，
同一級路徑：引用的檔案路徑和網頁路徑在一起，只要輸入名錶檔名即可，
下一級路徑：引用的檔案路徑相對網頁路徑在下一級，“/”表示下一級，
上一級路徑：引用的檔案路徑相對網頁路徑在上一級，“../”表示上一級，
相對路徑：是從程式碼所在的這個檔案出發，去尋找的我們的目標檔案的，所謂同一級，下一級，上一級，簡單說，目標檔案位於html檔案的位置。
知識點25：絕對路徑---意指所有網頁使用同一檔案時，其路徑都是一樣的
絕對路徑：以web站點根目錄為參考而言的。
知識點26：錨點定位---<a href="#id名"><h3 id="two">
使用相應的id名標註目標跳轉的位置，<h3 id="two">
使用<a href="#id名>連結文字</a> 被點選的文字
1. 使用相應的id名標註跳轉目標的位置。 (找目標)
例：<h3 id="two">第2集</h3>
2. 使用<a href="#two (id名) ">第2集</a> 建立連結文字（被點選的） （拉關係） 我也有一個姓畢的姥爺..
例：<a href="#two">
知識點27：base標籤---<base target="" >
base :可以設定整體連結的開啟方式，可以設定頁面所有a連結的開啟方式，
base 寫到<head></head>之間。
知識點28：預格式化標籤---<pre></pre>
所謂預格式化文字就是，網頁按照我們預先寫好的文字格式來顯示頁面，保留空格和換行。
知識點29：特殊字元---一些特殊符號在html很難或者不方便使用，此時使用這些來代替
空格符： 注意 ：分號不能少
< : <
> : >
& : &
￥ ：¥
……
特殊字元是以運算子&開頭,以分號運算子;結尾。他們不是標籤，而是符號。
HTML 中不能使用小於號 “<” 和大於號 “>”特殊字元，瀏覽器會將它們作為標籤解析，若要正確顯示，在 HTML 原始碼中使用字元實體。