前一篇文章 初識H5（筆記一）中簡單的總結(jié)了下  HTML 的作用、歷史、基本架構(gòu)規(guī)范、幾個基本的標(biāo)簽、字符集和DTD文檔聲明；那么這篇文章繼續(xù)研究探討 HTML 的知識。在之前我們編寫html文件都是使用文本編輯器，效率低不說還很不方便，那么在企業(yè)開發(fā)中，使用編寫網(wǎng)頁的工具主要有三種 : Dreamweaver（偏向于設(shè)計） / Sublime（輕量級、自帶功能不足、但插件很強(qiáng)大） / WebStrom（重量級、功能強(qiáng)大、對JS支持很好）。一下我們主要使用 WebStrom 輔助學(xué)習(xí)網(wǎng)頁開發(fā)。

    首先先來看看 H系列標(biāo)簽、p標(biāo)簽、Hr標(biāo)簽 :

        1. H系列標(biāo)簽分為6個 從H1~H6 ，最多到6，超過6則無效 如 : <h1>標(biāo)題</h1>；

                  + 被H標(biāo)簽包裹的內(nèi)容會獨占一行

                  + 在H系列標(biāo)簽中H1最大，H6最小

                  + 在企業(yè)開發(fā)中要慎用H系列標(biāo)簽，特別是H1標(biāo)簽，一般情況下一個界面只能出現(xiàn)一個H1標(biāo)簽（跟SEO有關(guān)）

                  + H系列標(biāo)簽只是給文本添加語義，而沒有修改文本的樣式

         2. p標(biāo)簽，作用是告訴瀏覽器哪些文本是一個段落，段落標(biāo)簽；

                   +  段落標(biāo)簽包裹的內(nèi)容獨占一行

         3. Hr標(biāo)簽， 作用是在瀏覽器中添加一行分割線

                   + <hr /> 是單標(biāo)簽，而且獨占一行

                   + <hr /> 和 <hr> 這兩種寫法在H5的版本規(guī)范中都可以，<hr />寫法是在XHTML中的規(guī)范要求，必須閉合，但是H5得規(guī)范對HTML和XHTML的規(guī)范是向下兼容。

    在編寫HTML時的注釋格式

                                              <!--這里是注釋的內(nèi)容-->   快捷方式（Mac）command + /

     圖片標(biāo)簽

                 圖片標(biāo)簽的基本格式 :<img src="圖片名" alt="替代圖片的文本" width=“圖片的寬” height="圖片的高" title="當(dāng)鼠標(biāo)懸停在這個圖片上時，顯示這段文字">

                          注意 : 01.同時設(shè)置圖片的寬高時可能圖片會被拉伸，也可以單獨只設(shè)置寬或高，那么圖片的高或?qū)挄凑請D片原本款高比推算出來

                                    02.img標(biāo)簽不會獨占一行

     <br>標(biāo)簽 : 同一語義段落換行使用（企業(yè)開發(fā)用到的地方較少，一般換行時，說明不是一段語義時才換行。注意點 : 添加N個<br>標(biāo)簽就換N行）

    img標(biāo)簽獲得圖片的相對 / 絕對路徑

                                                                    + 相對路徑 : 每次從html文件所在的文件夾開始查找（資源圖片與HTML文件的關(guān)系分為三類:01.同級、02.下級、03.上級）。

                                                                + 絕對路徑 : 每次從根目錄（Mac）/ 指定的一個盤符開始查找。

                                                                + 注意點 : 路徑中盡量不要有中文，可能會發(fā)生未知錯誤；絕對路徑不要跨盤符查找，找不到。

     <a>標(biāo)簽 : 用于控制兩個頁面相互跳轉(zhuǎn)    

<!--a標(biāo)簽的基本格式-->    <a href="想要跳轉(zhuǎn)的網(wǎng)頁地址">顯示給用戶看的內(nèi)容</a>     注意 : a標(biāo)簽不僅可以使點擊文字具有跳轉(zhuǎn)頁面作用，也可以使圖片具有頁面跳轉(zhuǎn)作用
                a標(biāo)簽必須具有href屬性，不然使用a標(biāo)簽不知跳轉(zhuǎn)到何處
                a標(biāo)簽中跳轉(zhuǎn)的URL地址必須包含協(xié)議頭 如 : http://  or https://
                a標(biāo)簽不僅可以跳轉(zhuǎn)遠(yuǎn)程服務(wù)器網(wǎng)頁，也可以跳轉(zhuǎn)本地網(wǎng)頁
 <a href="想要跳轉(zhuǎn)的網(wǎng)頁地址">        <img src="顯示的可點擊圖片" alt="圖片顯示不出來" width="200"> </a>     <a>標(biāo)簽重要的屬性 : href描述要跳轉(zhuǎn)的網(wǎng)址、title鼠標(biāo)懸停顯示的文字、target跳轉(zhuǎn)是否開啟新的選項卡                          
     <base>標(biāo)簽 : 用來指定當(dāng)前網(wǎng)頁中所有超連接（a標(biāo)簽）需要如何打開
                           注意點 :01. base標(biāo)簽必須寫在head標(biāo)簽內(nèi)部
                                    02. base標(biāo)簽的target屬性和每個a標(biāo)簽的target屬性設(shè)置優(yōu)先級為 : 就近原則
     html中的假連接 ：其實就是 a 標(biāo)簽，只不過href屬性對應(yīng)的跳轉(zhuǎn)網(wǎng)頁鏈接用 "#" or "javascript:"替代 致使點擊鏈接跳轉(zhuǎn)不了。
                             作用 :01. 在項目開發(fā)前期很多頁面未完成時，很多超鏈接先使用假鏈接
                                                02. 實現(xiàn)點擊某個文本彈回網(wǎng)頁頂部功能
       "#" 和 "Javascript:"區(qū)別 :"#"號點擊會彈回網(wǎng)頁頂部；"javascript:"不會
                  
     html中利用<a>標(biāo)簽跳轉(zhuǎn)到本頁特定位置 和 跳轉(zhuǎn)到其他網(wǎng)頁特定位置
                                跳轉(zhuǎn)本網(wǎng)頁特定位置 : 與其說跳轉(zhuǎn)到本網(wǎng)頁特定位置，不如說跳轉(zhuǎn)到本網(wǎng)頁特定位置的標(biāo)簽。每一個標(biāo)簽都有一個id的屬性，我們就是通過這個屬性，來找到要跳轉(zhuǎn)位置的標(biāo)簽。至于用什么方法跳轉(zhuǎn)，我們還是利用<a>標(biāo)簽來跳轉(zhuǎn)，只不過在 href 屬性里加入#要跳轉(zhuǎn)標(biāo)簽的id。
<!--點擊這個a標(biāo)簽，跳轉(zhuǎn)到下面的h1標(biāo)簽-->    <a href="#flag">點我跳到本頁指定位置</a>        <!--跳轉(zhuǎn)到的位置-->    <h1 id="flag">要跳轉(zhuǎn)的位置</h1>                                  跳轉(zhuǎn)本其他網(wǎng)頁特定位置 : 基本原理和上面跳轉(zhuǎn)本網(wǎng)頁特定位置方法相同，不同的就是在<a>標(biāo)簽的 href 屬性里要跳轉(zhuǎn)的網(wǎng)頁URL／文件名后面加上 #其他網(wǎng)頁中指定位置標(biāo)簽的id。
   <!--點擊這個a標(biāo)簽，跳轉(zhuǎn)到特定網(wǎng)頁中的h1標(biāo)簽-->    <a href="Test.html#flag">點我跳到Test.html網(wǎng)頁中指定位置</a>    <!--其他網(wǎng)頁中要跳轉(zhuǎn)到的位置-->    <h1 id="flag">要跳轉(zhuǎn)的位置</h1>
WebStrom快捷方式 01. command + D 快速復(fù)制添加當(dāng)前光標(biāo)所在行代碼
                                 02. command + X 快速刪除當(dāng)前光標(biāo)所在行代碼
                                 03. command + option + T 快速包裹一段選中文字來添加語義標(biāo)簽