429
Web前端初學者，需用了解的7大HTML知識點
HTML是web前端開發基礎，關於HTML，這裏有幾個很重要的知識點，在日常開發常常用到，並且在大家麵試的時候也會問的，記住這7個重要知識點，助你在麵試時優先錄用。
1、網頁結構
網頁結構一般都包含文檔聲明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網站描述。 
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塊級別表格。（web前端學習交流群：291851189 禁止閑聊，非喜勿進！）
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）傾斜元素：和。例如：
6、HTML5新增的結構化元素
（1）結構化元素包括：< header >, < nav >, < article >, < section >, < aside >, < footer>。
（2）元素級別：都是block級別元素，不包含樣式，隻用於結構化，每個頁麵可多次使用。
（3）元素說明：header描述頭部信息，nav用於導航模塊，article用於可重新覆蓋的新聞類內容塊，section模塊化，aside頁麵左或右模塊，footer底腳模塊。
7、頁麵內跳轉
如果需要跳轉到頁麵指定的位置，可在該位置設置元素的id屬性，然後為鏈接添加href=”#id”。例如：
最後更新：2017-10-25 16:03:52