HTML5前端初學者,需要了解的7個HTML5知識點!
HTML是web前端開發基礎,關於HTML,小編在這裡總結了幾個很重要的知識點。HTML5開發人員在日常開發常常用到,並且在大家面試的時候也會問的,記住這7個重要知識點,助你在面試時優先錄用。
1、網頁結構
網頁結構一般都包含文件宣告DOCTYPE,並且在head中的meta應該包含編碼格式、關鍵字、網頁描述資訊。簡單格式如下:
JD首頁的meta宣告:
包含charset編碼格式,Keywords關鍵字,deion網站描述。
2、自關閉元素
、 、
、、 、、 、 、 、
3、佈局最常用的兩個元素
(1)div:流佈局使用;
(2)span:文字塊使用。
4、塊級別元素和行級別元素
塊級別元素:是指開始在新的行,佔領整行寬度。例如div預設是塊級別block元素;
行級別元素:僅僅維持內容的寬度,例如文字塊的span元素;
通過CSS的display屬性宣告元素顯示級別,一般包括inline行級別、inline-block行內塊元素、block、table塊級別表格。
5、文字類元素
(1)加粗元素:strong、b。例如:
Caution: Falling rocks.
This recipe calls for bacon and baconnaise.
(2)傾斜元素:和。例如:
I love Chicago!
The name Shay means a gift.
6、HTML5新增的結構化元素
。
(2)元素級別:都是block級別元素,不包含樣式,只用於結構化,每個頁面可多次使用。
(3)元素說明:header描述頭部資訊,nav用於導航模組,article用於可重新覆蓋的新聞類內容塊,section模組化,aside頁面左或右模組,footer底腳模組。
7、頁面內跳轉
如果需要跳轉到頁面指定的位置,可在該位置設定元素的id屬性,然後為連結新增href="#id"。例如:
...
...
以上就是HTML5開發人員在日常開發常常用到的一些知識點。
最後,如果有想一起學習web前端,HTML5及JavaScript的可以來一下我的前端群:733581373,好友都會在裡面交流,分享一些學習的方法和需要注意的小細節,每天也會準時的講一些前端的炫酷特效,及前端直播課程學習
如果想看到更加系統的文章和學習方法經驗可以關注的微訊號:‘web前端技術圈’或者‘webxh6’關注後回覆‘2018’可以領取一套完整的學習視訊