HTML是web前端開發基礎,關於HTML,這裡有幾個很重要的知識點,在日常開發常常用到,並且在大家面試的時候也會問的,記住這7個重要知識點,助你在面試時優先錄用。 1、網頁結構 網頁結構一般都包含文檔聲明DOCTYPE,並且在head中的meta應該包含編碼格式、關鍵字、網頁描述信息。簡單格式如下 ...
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塊級別表格。
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"。例如:
自己是一個五年的全棧工程師,這裡推薦一下我的前端學習交流群:開始484然後757最後760,裡面都是學習前端的,群里會不定期更新最新的教程和學習方法,有想學習web前端的,或是轉行,或是大學生,還有工作中想提升自己能力的web前端黨歡迎加入,