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

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

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

div

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

span

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

h1-h6

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

p

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

em 與 strong

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

ul、ol 與 li

ul標(biāo)簽代表多項無序列表，即無數(shù)值排序的集合；而ol標(biāo)簽代表多項有序列表，是有數(shù)值排序的集合。當(dāng)li標(biāo)簽嵌套在ul標(biāo)簽中時，是無序列表中的列表項，此時li的順序在列表中沒有意義；而當(dāng)li嵌套在ol標(biāo)簽中時，則是有序列表中的列表項，此時第一個li標(biāo)簽則排序為一，以此類推。

dl 與 dt、dd

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

table

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

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

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

form

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

name

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

action

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

method

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

input

input標(biāo)簽用于接收用戶的填寫的信息，通過form表單提交到服務(wù)器，同時通過設(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)簽歸類到這里其實是不太合適的（但是我不知道怎么歸了啊=。=）button標(biāo)簽在表單中主要是用于提交表單，當(dāng)用戶填寫完成后點擊按鈕進行表單的提交等操作。通過設(shè)置type屬性也有不同的作用：

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

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

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

select 與 option

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

textarea

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

a

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

href

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

download

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

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

target

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

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

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

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

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

img

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

src: 圖像的 URL，這個屬性對

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

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

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

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

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

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

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