HTML裡的常見問題一

這次給大家帶來在HTML裡有哪些經常出現的問題？有序列表、無序列表、自訂欄表如何使用？寫個簡單的例子。三者在語義上有什麼區別？使用情境是什嗎？ 能否嵌套？

有序列表是以數字進行標記的清單項目：

<ol><li>Coffee</li><li>Milk</li></ol>

效果如下：

<ol><li>Coffee</li><li>Milk</li> </ol>

無序列表是以原點標記的清單項目：

<ul><li>Coffee</li><li>Milk</li></ul>

效果如下：

<ul><li>Coffee</li><li>Milk</li></ul>

自訂欄表所表示的項目加註釋的組合：

<dt>Coffee</dt> <dd>Black hot drink</dd><dt>Milk</dt></dl>```

效果如下：

><dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>

這三個列表均可以相互嵌套。
- ####如何去除列表前面的點或者數字？
使用CSS樣式即可

```<style>ul{     list-style: none;}```

- ####class 和 id 有什麼區別？什麼時候用 class 什麼時候用 id？
1.ID具有唯一性，Class具有普遍性。
2.ID是唯一的，通常用於頁面配置。
3.Class是可重複的，通常用於樣式定義。
4.ID的樣式優先順序高於Class。
- ####區塊層級元素、行內元素是什嗎？有什麼區別？分別對應哪些常用標籤？
區塊層級元素在瀏覽器顯示時，通常會以新行來開始（和結束）。
行內元素（內嵌元素）在顯示時通常不會以新行開始。
區別：
1.區塊層級元素會獨佔一行，其寬度自動填滿其父元素寬度。
行內元素不會獨佔一行，相鄰的行內元素會排列在同一行裡，知道一行排 不下，才會換行，其寬度隨元素的內容而變化
2.區塊層級元素可以設定 width, height屬性，行內元素設定width, height無效
3.區塊層級元素可以設定margin和padding。行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。
區塊層級元素標籤:div, p,form,ul,li,ol,dl,form,address,fieldset,hr,menu, table。
行內元素標籤:span,strong, em,br,img,input,label,select,textarea, cite。
- ####display: block、display: inline、display: inline-block分別有什麼作用?
1.display:block:此元素將顯示為區塊層級元素，此元素前後會帶有分行符號。
2.display:inline:此元素會被顯示為內嵌元素，元素前後沒有分行符號。
3.display:inline-block:將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內，允許空格。
- ####下面代碼的作用?

       <div id="header">        </div>        <div id="content">        <div class="main"></div>        <div class="aside"></div>        </div>        <div id="footer">        </div>

這段代碼通過使用id，class對div模組進行布局，讓頁面呈現為頁頭，內容，頁尾，並且在內容中分為側欄和主欄部分。而在頁面中，header，content，footer僅會出現一次，故用id標記，而content為了後期方便修改，用class標記。
- ####如何理解 HTML CSS 語義化?
通過語義化可以讓人們更容易明白每個標籤的作用和使用情境，比如p標籤就可以理解為paragraph標籤，代表一個段落。諸如此類的還有em標籤，hx標籤，table標籤等。
- ####form表單有什麼作用？有哪些常用的input 標籤，分別有什麼作用？
HTML通過form標籤建立表單為使用者提供文字欄位、複選框、單選框、提交按鈕等向伺服器傳輸資料。常見的input標籤有：
type 規定 input 元素的類型。
src 定義以提交按鈕形式顯示的映像的 URL。
checked 規定此 input 元素首次載入時應當被選中。
value 規定 input 元素的值。
name 定義 input 元素的名稱。
- ####post 和 get 方式的區別？
get以 URL 變數 的形式來發送，將表單資料以成對的名稱和數值的形式附加到 URL 中。
post以 HTTP post 的形式來發送，以 HTTP post 事務的方式來傳遞表單資料。
- ####在input裡，name 有什麼作用？
name 屬性規定 input 元素的名稱，用於對提交到伺服器後的表單資料進行標識，或者在用戶端通過 JavaScript 參考資料表單資料。
- ####<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交">三者有什麼區別？
1.<button>提交</button>定義一個按鈕，。<button> 與 </button> 標籤之間的所有內容都是按鈕的內容，其中包括任何可接受的本文內容，比如文本或多媒體內容。
2.<a class="btn" href="#">提交</a>是一個a標籤定義的超連結，而其樣式用class="btn"標記。
3.<input type="submit" value="提交">定義了提交按鈕，點擊並向伺服器發送表單資料。資料會發送到表單的 action 屬性中指定的頁面。
- ####radio 如何分組?
在input標籤中添加name屬性進行分組。
- ####placeholder 屬性有什麼作用?
placeholder 屬性提供可描述輸入欄位預期值的提示資訊（hint）。該提示會在輸入欄位為空白時顯示，並會在欄位獲得焦點時消失。
- ####type=hidden隱藏欄位有什麼作用?舉例說明
隱藏欄位在頁面中對於使用者是不可見的，在表單中插入隱藏欄位的目的在於收集或發送資訊，以利於被處理表單的程式

所使用。瀏覽者單擊發送按鈕發送表單的時候，隱藏欄位的資訊也被一起發送到伺服器。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

簡述CSS中clearfix 的原理

CSS常見樣式

怎樣用CSS3製作登入框

CSS的選取器有哪些常見問題