Web前端學習，需用瞭解的7大HTML知識點

HTML是web前端開發基礎，關於HTML，這裏有幾個很重要的知識點，在平常開發經常用到，而且在你們面試的時候也會問的，記住這7個重要知識點，助你在面試時優先錄用。

一、網頁結構

網頁結構通常都包含文檔聲明DOCTYPE，而且在head中的meta應該包含編碼格式、關鍵字、網頁描述信息。簡單格式以下：

JD首頁的meta聲明：

< meta charset="gbk" / >

< meta name="description" content="京東JD.COM-專業的綜合網上購物商城,銷售家電、數碼通信、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數萬個品牌優質商品.便捷、誠信的服務，爲您提供愉悅的網上購物體驗!" >

< meta name="Keywords" content="網上購物,網上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數碼,配件,手錶,存儲卡,京東" >

包含charset編碼格式，Keywords關鍵字，description網站描述。

二、自關閉元素

< br >、< embed > 、< hr >、< img >、< input >、< link >、< meta >、< param >、< source >、< wbr >

三、佈局最經常使用的兩個元素

（1）div：流佈局使用；

（2）span：文字塊使用。

四、塊級別元素和行級別元素

塊級別元素：是指開始在新的行，佔領整行寬度。例如div默認是塊級別block元素；

行級別元素：僅僅維持內容的寬度，例如文字塊的span元素；

經過CSS的display屬性聲明元素顯示級別，通常包括inline行級別、inline-block行內塊元素、block、table塊級別表格。

五、文字類元素

（1）加粗元素：strong、b。例如：

< p >< strong >Caution:< /strong > Falling rocks.< /p >< p >This recipe calls for < b >bacon< /b > and < b >baconnaise< /b >.< /p >

（2）傾斜元素：和。例如：

六、HTML5新增的結構化元素

（1）結構化元素包括：< header >, < nav >, < article >, < section >, < aside >, < footer>。

（2）元素級別：都是block級別元素，不包含樣式，只用於結構化，每一個頁面可屢次使用。

（3）元素說明：header描述頭部信息，nav用於導航模塊，article用於可從新覆蓋的新聞類內容塊，section模塊化，aside頁面左或右模塊，footer底腳模塊。

七、頁面內跳轉

若是須要跳轉到頁面指定的位置，可在該位置設置元素的id屬性，而後爲連接添加href="#id"。例如：

本身是一個五年的全棧工程師，這裏推薦一下個人前端學習交流羣：開始484而後757最後760，裏面都是學習前端的，羣裏會不按期更新最新的教程和學習方法，有想學習web前端的，或是轉行，或是大學生，還有工做中想提高本身能力的web前端黨歡迎加入，