智應(yīng)今天又遇到了一個(gè)技術(shù)難題，知道很多程序員都被同樣的問題困擾，于是智應(yīng)在此將搜索到的答案告訴大家：
大家在初學(xué)div+css布局時(shí),有很多困惑,在div與span的使用過程沒覺得有一定的”章法”,覺得兩個(gè)區(qū)別不大,在w3c的關(guān)于div和span的定義:div作為分割文檔結(jié)構(gòu)自然使它最官方的語義，但是這樣的官方語義太讓人迷惑，大的結(jié)構(gòu)還 好，但是小的地方到底是用div還是用span仍然讓人迷惑。其實(shí)恰恰是《Microsoft MSDN Library》 里面的定義讓人豁然開朗。
div：指定渲染HTML的容器
span：指定內(nèi)嵌文本容器
通俗地講就是如果里面還有其他標(biāo)簽的時(shí)候就用div，如果里面只有文本就應(yīng)該用span
div是一個(gè)塊級元素，用來為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景 span是行內(nèi)元素，在行內(nèi)定義一個(gè)區(qū)域（也就是一行內(nèi)可以被劃分好幾個(gè)區(qū)域）
div標(biāo)簽中可以鑲嵌span標(biāo)簽，（div可以看做是一個(gè)大容器，span是一個(gè)小容器，大容器當(dāng)然可以放下一個(gè)小容器啦）
span與label
由于有了以上關(guān)于span的說法,那么我們就可以對文本進(jìn)行span的容器操作了,可以定義css樣式什么的,但是label好像也可以?但是兩者區(qū)別有時(shí)什么呢?
label標(biāo)簽主要用于綁定一個(gè)表單元素, 當(dāng)點(diǎn)擊label標(biāo)簽的時(shí)候, 被綁定的表單元素就會(huì)獲得輸入焦點(diǎn) span則是對普通的文本的一種容器。
例子：
Did you visited my blog
Yes
NO
(Press the text "Yes" or "No" not the radio)
Your Name:
Did you visited my blogYesNO(Press the text "Yes" or "No" not the radio)
Your Name:
作者： yeiqing000
鏈接：http://www.imooc.com/article/11271
來源：慕課網(wǎng)
運(yùn)行結(jié)果：
有一個(gè)問題是：
accesskey這個(gè)屬性不是設(shè)置快捷鍵的么？可是按鍵1和alt+1都沒有反應(yīng)，不知道什么情況，很是郁悶，希望高手可以給以解答label標(biāo)簽accesskey的用法。
附：label標(biāo)簽的具體用法：
label標(biāo)記為標(biāo)注標(biāo)記，該標(biāo)記支持與其他用戶交互式控件進(jìn)行綁定，并代替被綁定控件觸發(fā)相應(yīng)的事件，綁定的方法是：將for屬性值指定為目的控件（綁定控件）的ID。
一般情況下，在使用單選框和復(fù)選框時(shí)用label綁定比較常見。 Label中兩個(gè)屬性非常有用，一個(gè)是for，一個(gè)就是accesskey
For屬性：
功能：表示Label標(biāo)簽要綁定的HTML元素，你點(diǎn)擊這個(gè)標(biāo)簽的時(shí)候，所綁定的元素將獲取焦點(diǎn)
用法：
姓名
Accesskey屬性：
功能：表示訪問label標(biāo)簽所綁定的元素的熱鍵，當(dāng)您按下熱鍵，所綁定的元素將獲取焦點(diǎn)。
用法：姓名
姓名
局限性：accessKey屬性所設(shè)置的快捷鍵不能與瀏覽器的快捷鍵沖突，否則將優(yōu)先級或?yàn)g覽器的快捷鍵。
注釋 ： 要將 LABEL 綁定到其它的控件，請將 LABEL 元素的 FOR 屬性設(shè)置為與該控件的 ID 相同。將 LABEL 綁定到控件的 NAME 屬性毫無用處。但是，要提交表單，你必須為 LABEL 元素所綁定到的控件指定 NAME。
有兩種方法給所指定的快捷鍵添加下劃線。LABEL 元素的 rich text 支持可以在 ACCESSKEY 屬性所指定的快捷鍵字符兩側(cè)加上 U 元素。如果你更愿意使用樣式表(CSS)來應(yīng)用樣式，可以將該字符包含在 SPAN 中，并設(shè)置樣式為“text-decoration: underline”。
如果用戶單擊 LABEL，則會(huì)先觸發(fā) LABEL 上的 onclick 事件，然后觸發(fā)由 htmlFor 屬性所指定的控件上的 onclick 事件。按下 LABEL 設(shè)定的快捷鍵將設(shè)置焦點(diǎn)但并不觸發(fā) onclick 事件。
標(biāo)簽不允許嵌套。
此元素在 Internet Explorer 4.0 及以上版本的 HTML 和腳本中可用。
此元素是內(nèi)嵌元素。
此元素需要關(guān)閉標(biāo)簽
