web標準:

web準備介紹
    w3c：萬維網聯盟組織，用來制定web標準的機構（組織）
    web標準：制作網頁遵循的規範
    web準備規範的分類：結構標準、表現標準、行為標準。
    結構：html。表示：css。行為：Javascript。

web準備總結
    結構標準：相當於人的身體。html就是用來制作網頁的。
    表現標準： 相當於人的衣服。css就是對網頁進行美化的。
    行為標準： 相當於人的動作。JS就是讓網頁動起來，具有生命力的

瀏覽器介紹
瀏覽器內核:
    IE---trident
    Chrome---blink
    火狐---gecko
    Safari---webkit

兼容性問題出現的原因
「瀏覽器內核」也就是瀏覽器所采用的「渲染引擎」，
渲染引擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式信息。
渲染引擎是兼容性問題出現的根本原因。

開發工具
Sublime Text


HTML介紹
1、HTML的概述
    html全稱HyperText
    Mackeup
    Language，翻譯為超文本標記語言，它不是一種編程語言，是一種描述性的標記語言，用於描述超文本內容的顯示方式。比如字體、顏色、大小等。
            超文本：音頻，視頻，圖片稱為超文本。
            標記 ： < 英文單詞或者字母 > 稱為標記，一個HTML頁面都是由各種標記組成。
    作用：HTML是負責描述文檔語義的語言。
    註意：HTML語言不是一個編程語言(有編譯過程)，而是一個標記語言(沒有編譯過程)，HTML頁面直接由瀏覽器解析執行。

HTML是負責描述文檔語義的語言
html中，除了語義，其他什麽都沒有。
h1標簽有什麽作用？
正確答案：給文本增加主標題的語義。
錯誤答案：給文字加粗、加黑、變大。

HTML的網絡術語
    網頁 ：由各種標記組成的一個頁面就叫網頁。
    主頁(首頁) : 一個網站的起始頁面或者導航頁面。
    標記： <p>稱為開始標記 ，</p>稱為結束標記，也叫標簽。每個標簽都規定好了特殊的含義。
    元素：<p>內容</p>稱為元素.
    屬性：給每一個標簽所做的輔助信息。

HTML顏色介紹
    顏色表示:
        純單詞表示：red、green、blue、orange、gray等
        10進制表示：rgb(255,0,0)
        16進制表示：#FF0000、#0000FF、#00FF00等

HTML的規範
    HTML是一個弱勢語言
    HTML不區分大小寫
    HTML頁面的後綴名是html或者htm(有一些系統不支持後綴名長度超過3個字符，比如dos系統)
    HTML的結構：
        聲明部分：主要作用是用來告訴瀏覽器這個頁面使用的是哪個標準。是HTML5標準。
        head部分：將頁面的一些額外信息告訴服務器。不會顯示在頁面上。
        body部分：我們所寫的代碼必須放在此標簽內。


編寫HTML的規範
    （1）所有標記元素都要正確的嵌套，不能交叉嵌套。正確寫法舉例：<h1><font></font></h1>
    （2）所有的標記都必須小寫。
    （3）所有的標記都必須關閉。
        雙邊標記：<span></span>
        單邊標記：<br> 轉成 <br /> <hr> 轉成 <hr />，還有<img src=“URL” />
    （4）所有的屬性值必須加引號。<h1 id="head"></h1>
    （5）所有的屬性必須有值。<input type="radio" checked="checked" />

HTML的基本語法特征
（1）HTML對換行不敏感，對tab不敏感
（2）空白折疊現象
（3）標簽要嚴格封閉

HTML結構詳解
文檔聲明頭
    <!DOCTYPE...

頭標簽（head）
    head標簽都放在頭部分之間。這裏面包含了：<title>、<meta>、<link>，<style>

        <title>：指定整個網頁的標題，在瀏覽器最上方顯示。
        <meta>：提供有關頁面的基本信息
        <link>：定義文檔與外部資源的關系。
        <style>:定義內部樣式表與網頁的關系

Meta標簽介紹：
    元素可提供有關頁面的原信息（mata-information）,針對搜索引擎和更新頻度的描述和關鍵詞。
    標簽位於文檔的頭部，不包含任何內容。
    提供的信息是用戶不可見的。 meta標簽的組成：meta標簽共有兩個屬性，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的參數值，這些不同的參數值就實現了不同的網頁功能。
    常用的meta標簽：
    　　（1）http-equiv屬性
    它用來向瀏覽器傳達一些有用的信息，幫助瀏覽器正確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變量值。

<!--重定向 2秒後跳轉到對應的網址，註意分號-->
<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">
<!--指定文檔的內容類型和編碼類型 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!--告訴IE瀏覽器以最高級模式渲染當前網頁-->
<meta http-equiv="x-ua-compatible" content="IE=edge">

        （2）name屬性
主要用於頁面的關鍵字和描述，是寫給搜索引擎看的，關鍵字可以有多個用 ‘,’號隔開，與之對應的屬性值為content，content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
<meta name="Keywords" content="網易,郵箱,遊戲,新聞,體育,娛樂,女性,亞運,論壇,短信" />
這些關鍵詞，就是告訴搜索引擎，這個網頁是幹嘛的，能夠提高搜索命中率。讓別人能夠找到你，搜索到。


<meta name="Description" content="網易是中國領先的互聯網技術公司，為用戶提供免費郵箱、遊戲、搜索引擎服務，開設新聞、娛樂、體育等30多個內容頻道，及博客、視頻、論壇等互動交流，網聚人的力量。" />
只要設置Description頁面描述，那麽百度搜索結果，就能夠顯示這些語句，這個技術叫做SEO（search engine optimization，搜索引擎優化）。

<meta name=viewport content="width=device-width, initial-scale=1">
上面這個標簽，是讓我們網頁支持移動端，移動設備優先（了解即可）

title標簽
主要用來告訴用戶和搜索引擎這個網頁的主要內容是什麽，搜索引擎可以通過網頁標題，迅速的判斷出當前網頁的主題。
<title>主頁</title>

前端HTML部分簡單整理