一、塊級元素&行級元素是什麼？常見的有哪些？

• 塊級元素

特點：

1. 自動佔滿整行，寬度預設是父容器100%

2. 可設定寬高，可控

3. 可以容納塊級元素和行內元素

常見的塊級元素:

<address>...</adderss> 

<center>...</center> 地址文字

<h1>...</h1> 標題一級

<h2>...</h2> 標題二級

<h3>...</h3> 標題三級

<h4>...</h4> 標題四級

<h5>...</h5> 標題五級

<h6>...</h6> 標題六級

<hr> 水平分割線

<p>...</p> 段落

<pre>...</pre> 預格式化

<blockquote>...</blockquote> 段落縮排 前後5個字元

<marquee>...</marquee> 滾動文字

<ul>...</ul> 無序列表

<ol>...</ol> 有序列表

<dl>...</dl> 定義列表

<table>...</table> 表格

<form>...</form> 表單

<div>...</div>

 

• 行級元素

特點：

1. 不會自動佔滿整行，寬度由內容撐起

2. 寬高、內外邊距不可控，不可設定

3. 內部只能容納行級元素，不能容納塊級元素

常見的行級元素：

<span>...</span>

<a>...</a> 連結

<br> 換行

<b>...</b> 加粗

<strong>...</strong> 加粗

<img > 圖片

<sup>...</sup> 上標

<sub>...</sub> 下標

<i>...</i> 斜體

<em>...</em> 斜體

<del>...</del> 刪除線

<u>...</u> 下劃線

<input>...</input> 文字框

<textarea>...</textarea> 多行文字

<select>...</select> 下拉列表
 

二、HTML5標籤語義化？常見的語義化標籤？

解釋

賦予標籤語義，然後使用合適語義的標籤來表達結構化內容，從而更好的表達這些內容。

優點

1. 程式碼結構：沒有css情況下也能呈現出很好的內容結構，易於使用者閱讀

2. SEO友好：通過標籤和引擎根據建立良好的溝通，爬蟲可以獲取更多有效資訊

3. 其他裝置：方便其他裝置解析，例如螢幕閱讀器、盲人閱讀器、移動裝置

4. 可讀性：讓程式碼更加具有可讀性，有利於團隊開發和維護，減少閱讀理解成本

常見的語義化標籤

--------------------------待繼續更新