HTML常見小問題1

####有序列表、無序列表、自定義列表如何使用？寫個簡單的例子。三者在語義上有什麼區別？使用場景是什麼？能否巢狀？有序列表是以數字進行標記的列表專案：
1. Coffee
2. Milk
效果如下：
Coffee
Milk
無序列表是以原點標記的列表專案：
Coffee
Milk
效果如下：
Coffee
Milk
自定義列表所表示的專案加註釋的組合：
<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隱藏域有什麼作用?舉例說明
隱藏域在頁面中對於使用者是不可見的，在表單中插入隱藏域的目的在於收集或傳送資訊，以利於被處理表單的程式所使用。瀏覽者單擊傳送按鈕傳送表單的時候，隱藏域的資訊也被一起傳送到伺服器。
複製程式碼
HTML常見小問題1

相關文章
