HTML是web前端開發基礎，關於HTML，智能社小編在這裏總結幾個很重要的知識點，在日常開發常常用到，並且在大家面試的時候也必然會問到，仔細讀此篇文章，在今後的面試中必助你脫穎而出。
1.網頁結構
網頁結構一般都包含文檔聲明DOCTYPE，並且在head中的meta應該包含編碼格式、關鍵字、網頁描述信息。簡單格式如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World</title>
</head>
<body>
</body></html>
JD首頁的meta聲明：
<meta charset="gbk" />
<meta name="description" content="京東JD.COM-專業的綜合網上購物商城,銷售家電、數碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數萬個品牌優質商品.便捷、誠信的服務，爲您提供愉悅的網上購物體驗!">
<meta name="Keywords" content="網上購物,網上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數碼,配件,手錶,存儲卡,京東">
包含charset編碼格式，Keywords關鍵字，description網站描述。
2.自關閉元素
<br>、<embed> 、<hr>、<img>、<input>、<link>、<meta>、<param>、<source>、<wbr>
3.佈局最常用的兩個元素
(1)div：流佈局使用；
(2)span：文字塊使用。
4.塊級別元素和行級別元素
塊級別元素：是指開始在新的行，佔領整行寬度。例如div默認是塊級別block元素；
行級別元素：僅僅維持內容的寬度，例如文字塊的span元素；
通過CSS的display屬性聲明元素顯示級別，一般包括inline行級別、inline-block行內塊元素、block、table塊級別表格。
5.文字類元素
(1)加粗元素：strong、b。例如：
<p><strong>Caution:</strong> Falling rocks.</p><p>This recipe calls for <b>bacon</b> and <b>baconnaise</b>.</p>
(2)傾斜元素：和。例如：
<!-- Stressed emphasis -->
<p>I <em>love</em> Chicago!</p>
<!-- Alternative voice or tone -->
<p>The name <i>Shay</i> means a gift.</p>
6.HTML5新增的結構化元素
(1)結構化元素包括：<header>, <nav>, <article>, <section>, <aside>, <footer>。
(2)元素級別：都是block級別元素，不包含樣式，只用於結構化，每個頁面可多次使用。
(3)元素說明：header描述頭部信息，nav用於導航模塊，article用於可重新覆蓋的新聞類內容塊，section模塊化，aside頁面左或右模塊，footer底腳模塊。
7.頁面內跳轉
如果需要跳轉到頁面指定的位置，可在該位置設置元素的id屬性，然後爲鏈接添加href="#id"。例如：
<body id="top">
...
<a href="#top">Back to top</a>
...
</body>
以上就是小編今天給大家整理的HTML知識考點，web前端分爲兩大方向，設計型和開發型，如果掌握這兩大技術，等於擁有了企業最需要的技術技能，到時候你就是企業爭相搶聘的人才。
更多內容請訪問智能社官網：www.zhinengshe.com
