1. 程式人生 > >【前端基礎筆記】——關於HTML標籤小知識

【前端基礎筆記】——關於HTML標籤小知識

塊級元素:獨佔一行,高度、寬度都是可控的,寬度沒有設定時,預設為100%,塊級元素中可以包含塊級元素和行內元素。

行內元素:不會獨佔一行,高度、寬度以及內邊距都是不可控的,寬高就是內容的高度,不可以改變,行內元素只能行內元素,不能包含塊級元素。

 

<div> 元素是塊級元素,它是可用於組合其他 HTML 元素的容器,定義文件中的分割槽或節(division/section)。<div> 元素沒有特定的含義。除此之外,由於它屬於塊級元素,瀏覽器會在其前後顯示折行。

 

<span> 元素是內聯元素,可用作文字的容器,定義 span,用來組合文件中的行內元素。<span> 元素也沒有特定的含義。佔用的是內容有多寬就佔用多寬的空間距離,並且無需再命名偽類名,直接使用css繼承屬性來對span設定css樣式。

 

<b> 元素,bold,定義粗體字。

 

<strong> 元素從語義化來理解,體現突出、強調的作用。

 

<iframe> 建立包含另外一個文件的內聯框架(即行內框架)。

 

<head>元素中可包含的標籤有:<meta> <link> <title> <style> <script> <noscript> <base>

 

<noscript> 元素:定義在指令碼未被執行時的替代內容(文字)。此標籤可被用於可識別 <script> 標籤但無法支援其中的指令碼的瀏覽器。如果瀏覽器支援指令碼,那麼它不會顯示出 noscript 元素中的文字。

 

<body> 標籤的預設 margin 畫素為8畫素。

 

可替換元素(replaced element):典型的可替換元素有 <img>、 <object>、 <video> 和 表單元素,如<textarea>、 <input> 。 某些元素只在一些特殊情況下表現為可替換元素,例如 <audio> 和 <canvas>。

 

空標籤:標籤內不含屬性內容,不需要閉合標籤。空標籤包含以下:

<hr> <br> <area> <base> <col> <colgroup> <span> <command> <embed> <img> <input> <keygen> <link> <meta><param> <source> <track> <wbr>