摘要：它可以有與元素事件相關(guān)的客戶端腳本，當(dāng)事件出現(xiàn)時(shí)可觸發(fā)與標(biāo)簽為下拉菜單，需要配合標(biāo)簽一起使用，標(biāo)簽為下拉菜單中的選項(xiàng)。通過(guò)指定標(biāo)簽中的或?qū)傩钥稍O(shè)置為下拉菜單或是列表框用于定義多行文本域，和屬性是必須要填寫的，他們用于指定文本域的寬度和高度。

這篇文章銜接上篇，主要羅列一些前端面試中可能問(wèn)到的html中最基本的問(wèn)題。

(格式有點(diǎn)亂，內(nèi)容有點(diǎn)水，羅列了一些基本用法，大家隨便看看)

div

div標(biāo)簽本身無(wú)特殊意義，作為一個(gè)塊級(jí)容器，主要用于組合其他html元素常用于頁(yè)面的布局。

span

span標(biāo)簽與div標(biāo)簽類似，本身無(wú)特殊意義，但它在結(jié)合諸如class,lang,或者dir屬性時(shí)，可作為行內(nèi)元素的容器。它起到描述（文檔內(nèi)容）的作用。

h1-h6

h標(biāo)簽用于設(shè)置網(wǎng)頁(yè)標(biāo)題或文章標(biāo)題，為了符合語(yǔ)義化，盡量用h1作為整個(gè)網(wǎng)頁(yè)或網(wǎng)站的標(biāo)題，h2作下一級(jí)標(biāo)題，以此類推

p

p標(biāo)簽用于設(shè)置網(wǎng)頁(yè)的文體，是大多數(shù)文字的主要標(biāo)簽，表示文章或某些文字的一個(gè)段落。

em 與 strong

em標(biāo)簽的作用是強(qiáng)調(diào)內(nèi)容，strong標(biāo)簽的作用是著重內(nèi)容，在瀏覽器中都會(huì)被渲染成加粗字體，但是在英文文章中，表示強(qiáng)調(diào)的文字會(huì)用斜體，例如：專有名詞、術(shù)語(yǔ)、外來(lái)名詞等；而strong則使用粗體，表示需要著重表現(xiàn)的文字。同時(shí)，如果使用盲人閱讀設(shè)備，strong標(biāo)簽中的內(nèi)容會(huì)被重讀。

ul、ol 與 li

ul標(biāo)簽代表多項(xiàng)無(wú)序列表，即無(wú)數(shù)值排序的集合；而ol標(biāo)簽代表多項(xiàng)有序列表，是有數(shù)值排序的集合。當(dāng)li標(biāo)簽嵌套在ul標(biāo)簽中時(shí)，是無(wú)序列表中的列表項(xiàng)，此時(shí)li的順序在列表中沒(méi)有意義；而當(dāng)li嵌套在ol標(biāo)簽中時(shí)，則是有序列表中的列表項(xiàng)，此時(shí)第一個(gè)li標(biāo)簽則排序?yàn)橐唬源祟愅啤?/p>

dl 與 dt、dd

dl是一個(gè)定義列表，用來(lái)解釋說(shuō)明一些術(shù)語(yǔ)或特定詞句。其中dt為術(shù)語(yǔ)部分（待解釋部分），dd為dt的解釋說(shuō)明部分。

table

table標(biāo)簽用于定義表格，在早期由于瀏覽器對(duì)css技術(shù)的不支持，人們大量利用table標(biāo)簽進(jìn)行頁(yè)面布局，在現(xiàn)代的前端開發(fā)中已經(jīng)摒棄了這種布局方式。但是也不用一棒子打死，table布局在布局表單內(nèi)容時(shí)還是要方便的多。

在使用table標(biāo)簽時(shí)，tr標(biāo)簽定義行，th標(biāo)簽定義表頭，td標(biāo)簽定義表格單元，更復(fù)雜的表格還會(huì)包含caption、col、colgroup、thead、tfoot 以及 tbody 元素。

注意：在 HTML5 中，table標(biāo)簽僅支持 "border" 屬性，并且只允許使用值 "1" 或 ""

form

form標(biāo)簽在文檔中定義了一個(gè)表單，表單中有各種表單控件，最后瀏覽器會(huì)將表單中的信息提交到服務(wù)器。其中，form標(biāo)簽有幾個(gè)常用的重要屬性：

name

name標(biāo)簽可以讓我們方便的用js找到某個(gè)特定的表單，從而找到此表單下的表單控件，這樣就可以對(duì)表單中的各個(gè)部分進(jìn)行控制了。（form表單中的表單控件也有name屬性）

action

action屬性是當(dāng)前表單所要提交到的服務(wù)器處理url，表單會(huì)被提交到action屬性中的頁(yè)面進(jìn)行處理。

method

提交表單到服務(wù)器的方法，可選GET和POST，兩個(gè)方法的特點(diǎn)和作用可到網(wǎng)上查閱，今后我也會(huì)慢慢整理。

input

input標(biāo)簽用于接收用戶的填寫的信息，通過(guò)form表單提交到服務(wù)器，同時(shí)通過(guò)設(shè)置type屬性的不同值可以賦予input標(biāo)簽不同的功能，常用功能如下：

text（默認(rèn)）: 用于接收文本信息如用戶名等

password: 用于接收密碼

radio: 單選按鈕（使用value屬性標(biāo)注提交值）

checkbox: 復(fù)選框（使用value屬性標(biāo)注提交值）

file: 文件上傳

image: 圖像上傳

data: 輸入日期控件（年月日）

button

將button標(biāo)簽歸類到這里其實(shí)是不太合適的（但是我不知道怎么歸了啊=。=）button標(biāo)簽在表單中主要是用于提交表單，當(dāng)用戶填寫完成后點(diǎn)擊按鈕進(jìn)行表單的提交等操作。通過(guò)設(shè)置type屬性也有不同的作用：

submit: 此按鈕提交表單數(shù)據(jù)給服務(wù)器。未指定時(shí)，此值為默認(rèn)值，或者如果此屬性動(dòng)態(tài)變?yōu)榭罩祷驘o(wú)效值

reset: 此按鈕重置所有組件為初始值

button: 此按鈕沒(méi)有默認(rèn)行為。它可以有與元素事件相關(guān)的客戶端腳本，當(dāng)事件出現(xiàn)時(shí)可觸發(fā)

select 與 option

select標(biāo)簽為下拉菜單，需要配合option標(biāo)簽一起使用，option標(biāo)簽為下拉菜單中的選項(xiàng)。通過(guò)指定select標(biāo)簽中的mutiple或size屬性可設(shè)置select為下拉菜單或是列表框

textarea

用于定義多行文本域，cols和rows屬性是必須要填寫的，他們用于指定文本域的寬度和高度。多行文本域比較特殊，除了普通的事件屬性，他還可以指定onselect屬性，用于表示文本域里面的內(nèi)容被選中時(shí)候的事件。

a

a標(biāo)簽用于創(chuàng)建一個(gè)到其他網(wǎng)頁(yè)，文件，或同一頁(yè)面內(nèi)的位置，當(dāng)然也可以是電子郵件地址或任何其他URL的超鏈接。下面是幾個(gè)常用的屬性：

href

這是一個(gè)必需屬性為錨定義一個(gè)超文本鏈接來(lái)源。這表示鏈接目標(biāo)的URL或URL片段

download

此屬性指示瀏覽器下載URL而不是導(dǎo)航到URL，因此將提示用戶將其保存為本地文件。

如果屬性有一個(gè)值，它將在保存提示中用作預(yù)先填寫的文件名 (用戶仍然可以根據(jù)需要更改文件名)。對(duì)允許的值沒(méi)有限制，但是 / 和 被轉(zhuǎn)換為下劃線。大多數(shù)文件系統(tǒng)限制文件名中的一些標(biāo)點(diǎn)符號(hào)，瀏覽器會(huì)相應(yīng)地調(diào)整建議的名稱。

target

該屬性指定在何處顯示鏈接的資源。 取值為標(biāo)簽（tab），窗口（window），或框架（iframe）等瀏覽上下文的名稱或其他關(guān)鍵詞。以下關(guān)鍵字具有特殊的意義:

_self: 當(dāng)前頁(yè)面加載，會(huì)覆蓋掉當(dāng)前頁(yè)面。此值是默認(rèn)的，如果沒(méi)有指定屬性的話

_blank: 新窗口打開，根據(jù)瀏覽器的不同設(shè)置，會(huì)在新標(biāo)簽頁(yè)或新的瀏覽器窗口中打開頁(yè)面

_parent: 加載響應(yīng)到當(dāng)前框架的父框架或當(dāng)前的HTML5瀏覽上下文的父瀏覽上下文。如果沒(méi)有parent框架或者瀏覽上下文，此選項(xiàng)的行為方式相同_self。

_top: IHTML4中：加載的響應(yīng)成完整的，原來(lái)的窗口，取消所有其它frame。 HTML5中：加載響應(yīng)進(jìn)入頂層瀏覽上下文（即，瀏覽上下文，它是當(dāng)前的一個(gè)的祖先，并且沒(méi)有parent）。如果沒(méi)有parent框架或者瀏覽上下文，此選項(xiàng)的行為方式相同_self

img

用來(lái)設(shè)置文檔中的圖像內(nèi)容，主要屬性如下：

src: 圖像的 URL，這個(gè)屬性對(duì)

cache-control: 指定請(qǐng)求和響應(yīng)遵循的緩存機(jī)制

no-cache: 先發(fā)送請(qǐng)求，與服務(wù)器確認(rèn)該資源是否被更改，如果未被更改，則使用緩存。

no-store: 不允許緩存，每次都要去服務(wù)器上，下載完整的響應(yīng)。（安全措施）

public : 緩存所有響應(yīng)，但并非必須。因?yàn)閙ax-age也可以做到相同效果

private : 只為單個(gè)用戶緩存，因此不允許任何中繼進(jìn)行緩存。（比如說(shuō)CDN就不允許緩存private的響應(yīng)）

maxage : 表示當(dāng)前請(qǐng)求開始，該響應(yīng)在多久內(nèi)能被緩存和重用，而不去服務(wù)器重新請(qǐng)求。例如：max-age=60表示響應(yīng)可以再緩存和重用 60 秒。

no-siteapp: 禁止自動(dòng)轉(zhuǎn)碼。假設(shè)某網(wǎng)頁(yè)沒(méi)有進(jìn)行移動(dòng)端適配，在移動(dòng)端進(jìn)行瀏覽時(shí)，從某個(gè)入口（例如百度）進(jìn)入該網(wǎng)頁(yè)，可以防止該入口對(duì)網(wǎng)頁(yè)進(jìn)行移動(dòng)設(shè)備轉(zhuǎn)碼。雖然轉(zhuǎn)碼的意圖是好的，但是有的時(shí)候轉(zhuǎn)碼之后效果不盡人意，就可以設(shè)置這個(gè)屬性。