1. 程式人生 > >HTML5前端初學者,需要了解的7個HTML5知識點!

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)傾斜元素:和。例如:

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’可以領取一套完整的學習視訊