麻豆一区区三区四区产品精品蜜桃,欧美一区久久,四虎成人精品永久免费av九九

主頁(yè) > 知識(shí)庫(kù) > 10個(gè)未被充分利用或被誤解的HTML標(biāo)簽

10個(gè)未被充分利用或被誤解的HTML標(biāo)簽

這里是10個(gè)未被充分利用或被誤解的HTML標(biāo)簽。或許它們不太廣為人知，但是在特定情況下他們卻非常有用。
網(wǎng)頁(yè)開(kāi)發(fā)人員常常希望能夠了解并掌握多種語(yǔ)言，結(jié)果是，學(xué)習(xí)一門(mén)語(yǔ)言的所有內(nèi)容是棘手的，但是卻很容易發(fā)現(xiàn)你并沒(méi)有完全利用那些比較特殊卻很有用的標(biāo)簽。
譯自：TutsPlus
不幸的是我們到現(xiàn)在還沒(méi)有涉足的那些比較不知名的HTML標(biāo)記所有潛力。但它永遠(yuǎn)不會(huì)太晚重新進(jìn)入領(lǐng)域，并開(kāi)始編寫(xiě)代碼來(lái)發(fā)掘這些未開(kāi)發(fā)的標(biāo)簽的能量。
這里是10個(gè)未被充分利用或被誤解的HTML標(biāo)簽。或許它們不太廣為人知，但是在特定情況下他們卻非常有用。
1. <cite>
貌似每個(gè)人都比較熟悉<blockquote> 標(biāo)簽，但是你可知道<blockquote>的小弟弟<cite>？<cite> 允許你定義元素內(nèi)的文字作為一種參考。一般，瀏覽器會(huì)用斜體來(lái)顯示<cite> 標(biāo)簽內(nèi)的文字，但是這可以用一點(diǎn)CSS來(lái)改變。
<cite> 標(biāo)簽對(duì)于引用目錄或其它網(wǎng)站的參考非常有用。這里是一個(gè)在段落中使用cite標(biāo)簽的例子:
David Allen的突破性組織性的圖書(shū)完成你的工作給忘了帶來(lái)了一場(chǎng)風(fēng)暴。 2. <optgroup>
<optgroup>標(biāo)簽是定義select標(biāo)簽中的選項(xiàng)分組的一種很好的方法。比如，你需要按時(shí)間來(lái)分組電影列表，那么就可以這樣做：
1 2
<label for="showtimes">上映時(shí)間</label> <select id="showtimes" name="showtimes"> <optgroup label="下午一點(diǎn)"></optgroup> <option value="titanic">泰坦尼克號(hào)</option> <option value="nd">貧民窟的百萬(wàn)富翁</option> <option value="wab">怪物史瑞克</option> <optgroup label="下午兩點(diǎn)"></optgroup> <option value="bkrw">獅子王</option> <option value="stf">全民超人</option> </select>
演示:
上映時(shí)間

它可以在視覺(jué)上區(qū)分電影列表。 3. <acronym>
<acronym> 是一種定義或更多解釋一組文字的方法。當(dāng)你用鼠標(biāo)放到使用<acronym>標(biāo)簽的文字時(shí)，一個(gè)顯示title標(biāo)簽的內(nèi)容的框框?qū)?huì)出現(xiàn)在下邊。比如：
1
微博客網(wǎng)站<acronym title="Founded in 2006"> Twitter</acronym> 最近常常宕機(jī)。
示例:
微博客網(wǎng)站 Twitter 最近常常宕機(jī)。 4. <address>
<address> 標(biāo)簽是一個(gè)非常不起眼的小標(biāo)簽，但是這并不意味著它沒(méi)有用。顧名思義<address> 允許你在HTML中語(yǔ)義化標(biāo)簽。這個(gè)小巧的標(biāo)簽將默認(rèn)斜體顯示標(biāo)簽內(nèi)的內(nèi)容，當(dāng)然，使用樣式可以很容易的改變默認(rèn)的樣式。
1 2 3 4
<address>Glen Stansberry 1234 Web Dev Lane Anywhere, USA </address> 5. <ins> 和<del>
如果你想使用標(biāo)簽來(lái)顯示編輯版本，<ins> 和<del> 正好適合。顧名思義，<ins> 用下劃線高亮顯示添加進(jìn)來(lái)的內(nèi)容，而<del> 用刪除線顯示被移除的信息。
1
John <del>likes</del> <ins>LOVES</ins> his new iPod.
示例:
大家都喜歡擯棄了 Zblog。 6. <label>
貌似表單元素最容易忘掉何時(shí)標(biāo)記文本。對(duì)于表單元素，最常忘記的就是<label> 標(biāo)簽。不僅僅是一個(gè)便捷的標(biāo)記文本的方式，<label> 標(biāo)簽還能傳遞一個(gè)”for” 屬性來(lái)指定哪個(gè)元素將會(huì)被關(guān)聯(lián)。<label> 不僅易于用樣式來(lái)控制，還允許你讓標(biāo)題可點(diǎn)擊。
1 2
<label for="username">用戶名</label> <input id="username" type="text" /> 7. <fieldset>
Fieldset是一個(gè)小巧的標(biāo)簽，你可以用來(lái)為你的表單元素添加邏輯分組。<fieldset>標(biāo)簽就會(huì)在其內(nèi)部的元素周?chē)?huà)一個(gè)框。另外一點(diǎn)就是可以在fieldset里面添加<label> 標(biāo)簽來(lái)定義分組的標(biāo)題。
1 2 3 4 5 6 7
<form><fieldset> <legend>你比5年紀(jì)學(xué)生聰明嗎？</legend> 當(dāng)然<input name="yes" type="radio" value="yes" /> 不知道<input name="no" type="radio" value="no" /> </fieldset> </form>
示例: 8. <abbr>
<abbr> 標(biāo)簽頗類(lèi)似于<acronym> 標(biāo)簽，不同的是<abbr> 標(biāo)簽只用于定義縮寫(xiě)單詞。就像<acronym>一樣，你可以為這個(gè)標(biāo)簽定義一個(gè)title屬性。當(dāng)用戶將鼠標(biāo)放到縮寫(xiě)文字上面時(shí)，全部?jī)?nèi)容就會(huì)在下面顯示。<abbr> 標(biāo)簽很少用，但是對(duì)于屏幕閱讀者、拼寫(xiě)檢查者以及搜索引擎是非常有用的。
1
<abbr title="腦殘">NC</abbr> 是一個(gè)不太文明的用語(yǔ)。
示例:
是一個(gè)不太文明的用語(yǔ)。是一個(gè)不太文明的用語(yǔ)。 9. rel
Rel 可以是一個(gè)極度有用的 屬性，任何HTML元素都可以應(yīng)用一個(gè)rel屬性。它有助于傳遞沒(méi)有另外指定的額外參數(shù)。這對(duì)于在HTML中使用JavaScript的時(shí)候是非常有用的。如果你有一個(gè)想要在行內(nèi)編輯的鏈接，你可以添加：
1
<a rel="clickable" href="page.html">這個(gè)鏈接可編輯。</a>
Javascript 會(huì)尋找?guī)в衦el屬性”clickable”的a鏈接，并應(yīng)用一些Ajax并允許它在行內(nèi)被編輯。這只是你可以使用rel屬性的眾多技術(shù)中的一種用法，因?yàn)樗臐摿κ菬o(wú)止境的。感興趣的朋友可以深入研究一下W3C關(guān)于Rel的介紹。 10. <wbr>
<wbr>標(biāo)簽是一個(gè)難以相信的不出名的標(biāo)簽。坦率的講，我也很懷疑你們會(huì)接觸到這個(gè)標(biāo)簽，因?yàn)樗鼛缀鯊膩?lái)沒(méi)有用到。(的確，在我寫(xiě)這篇文章之前我?guī)缀鯖](méi)有見(jiàn)到過(guò)這個(gè)標(biāo)簽)。事實(shí)上，這個(gè)標(biāo)簽算是一個(gè)軟斷行，允許你在某一行內(nèi)指定一個(gè)斷行點(diǎn)，表明在該點(diǎn)處可以斷行，但是不是一定會(huì)斷行，僅僅是在有需要斷行的時(shí)候才會(huì)斷行。如果你想避免出現(xiàn)水平滾動(dòng)條，那么使用這個(gè)標(biāo)簽是很棒的。
示例：
下面是一個(gè)200像素寬的box，沒(méi)有定義overflow。 NoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbr
HavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbr
如果你想要實(shí)現(xiàn)相同的效果而不使用<wbr> 標(biāo)簽，你可以試一下或。據(jù)說(shuō)這三個(gè)標(biāo)簽都未被所有瀏覽器完全支持。你可以通過(guò)這篇文章來(lái)查看各個(gè)瀏覽器對(duì)著三個(gè)標(biāo)簽的支持情況。
PS:頗困難的翻譯了這篇文章，神飛深深的感受到了語(yǔ)義化的魅力以及HTML標(biāo)簽的強(qiáng)大，相信我們沒(méi)有認(rèn)識(shí)到的標(biāo)簽還有很多，結(jié)果，常見(jiàn)的標(biāo)簽大家都很熟悉，不常見(jiàn)的標(biāo)簽大家有都不會(huì)用。正如之前我在一篇文章中闡述的那樣，“語(yǔ)義化”很大的一部分是，在恰當(dāng)?shù)牡胤绞褂煤线m的標(biāo)簽，而不是一味的div下去。如果，我們能夠了解更多的HTML標(biāo)簽，我們就能寫(xiě)出更具語(yǔ)義的HTML代碼，也能大大的降低我們寫(xiě)CSS的難度和工作量，并使我們的頁(yè)面結(jié)構(gòu)更趨合理。

標(biāo)簽：貴陽(yáng) 樂(lè)山白銀錫林郭勒盟濟(jì)南阿拉善盟四川延安

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《10個(gè)未被充分利用或被誤解的HTML標(biāo)簽》，本文關(guān)鍵詞 10個(gè),未被,充分,利用,或,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。

婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

10個(gè)未被充分利用或被誤解的HTML標(biāo)簽