网页最少要有一个html标签,PHP_网页开发人员必须知道的10个不常用HTML标签, 网页开发人员常常希望能 - phpStudy...
網(wǎng)頁開發(fā)人員必須知道的10個(gè)不常用HTML標(biāo)簽
網(wǎng)頁開發(fā)人員常常希望能夠了解并掌握多種語言,結(jié)果是,學(xué)習(xí)一門語言的所有內(nèi)容是棘手的,但是卻很容易發(fā)現(xiàn)你并沒有完全利用那些比較特殊卻很有用的標(biāo)簽。
不幸的是我們到現(xiàn)在還沒有涉足的那些比較不知名的HTML標(biāo)記所有潛力。但它永遠(yuǎn)不會(huì)太晚重新進(jìn)入領(lǐng)域,并開始編寫代碼來發(fā)掘這些未開發(fā)的標(biāo)簽的能量。
這里是10個(gè)未被充分利用或被誤解的HTML標(biāo)簽。或許它們不太廣為人知,但是在特定情況下他們卻非常有用。
1.
貌似每個(gè)人都比較熟悉
標(biāo)簽,但是你可知道的小弟弟? 允許你定義元素內(nèi)的文字作為一種參考。一般,瀏覽器會(huì)用斜體來顯示 標(biāo)簽內(nèi)的文字,但是這可以用一點(diǎn)CSS來改變。標(biāo)簽對(duì)于引用目錄或其它網(wǎng)站的參考非常有用。這里是一個(gè)在段落中使用cite標(biāo)簽的例子:
代碼例子:
David Allen的突破性組織性的圖書完成你的工作給忘了帶來了一場(chǎng)風(fēng)暴。
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
2.
標(biāo)簽是定義select標(biāo)簽中的選項(xiàng)分組的一種很好的方法。比如,你需要按時(shí)間來分組電影列表,那么就可以這樣做:
上映時(shí)間
泰坦尼克號(hào)貧民窟的百萬富翁怪物史瑞克獅子王全民超人
代碼例子:
上映時(shí)間
泰坦尼克號(hào)貧民窟的百萬富翁怪物史瑞克獅子王全民超人
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
3.
是一種定義或更多解釋一組文字的方法。當(dāng)你用鼠標(biāo)放到使用標(biāo)簽的文字時(shí),一個(gè)顯示title標(biāo)簽的內(nèi)容的框框?qū)?huì)出現(xiàn)在下邊。比如:
微博客網(wǎng)站 Twitter 最近常常宕機(jī)。
代碼例子:
微博客網(wǎng)站 Twitter 最近常常宕機(jī)。
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
4.
標(biāo)簽是一個(gè)非常不起眼的小標(biāo)簽,但是這并不意味著它沒有用。顧名思義 允許你在HTML中語義化標(biāo)簽。這個(gè)小巧的標(biāo)簽將默認(rèn)斜體顯示標(biāo)簽內(nèi)的內(nèi)容,當(dāng)然,使用樣式可以很容易的改變默認(rèn)的樣式。Glen Stansberry1234 Web Dev Lane
Anywhere, USA
5. 和
如果你想使用標(biāo)簽來顯示編輯版本, 和 正好適合。顧名思義, 用下劃線高亮顯示添加進(jìn)來的內(nèi)容,而 用刪除線顯示被移除的信息。
John likes LOVES his new iPod.
代碼例子:
John likes LOVES his new iPod.
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
6.
貌似表單元素最容易忘掉何時(shí)標(biāo)記文本。對(duì)于表單元素,最常忘記的就是 標(biāo)簽。不僅僅是一個(gè)便捷的標(biāo)記文本的方式, 標(biāo)簽還能傳遞一個(gè)”for” 屬性來指定哪個(gè)元素將會(huì)被關(guān)聯(lián)。 不僅易于用樣式來控制,還允許你讓標(biāo)題可點(diǎn)擊。
用戶名
7.
Fieldset是一個(gè)小巧的標(biāo)簽,你可以用來為你的表單元素添加邏輯分組。
標(biāo)簽就會(huì)在其內(nèi)部的元素周圍畫一個(gè)框。另外一點(diǎn)就是可以在fieldset里面添加 標(biāo)簽來定義分組的標(biāo)題。你比5年紀(jì)學(xué)生聰明嗎?
當(dāng)然
不知道
代碼例子:
你比5年紀(jì)學(xué)生聰明嗎?
當(dāng)然
不知道
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
8.
標(biāo)簽頗類似于 標(biāo)簽,不同的是 標(biāo)簽只用于定義縮寫單詞。就像一樣,你可以為這個(gè)標(biāo)簽定義一個(gè)title屬性。當(dāng)用戶將鼠標(biāo)放到縮寫文字上面時(shí),全部?jī)?nèi)容就會(huì)在下面顯示。 標(biāo)簽很少用,但是對(duì)于屏幕閱讀者、拼寫檢查者以及搜索引擎是非常有用的。
NC 是一個(gè)不太文明的用語。
代碼例子:
NC 是一個(gè)不太文明的用語。
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
9. rel
Rel 可以是一個(gè)極度有用的 屬性,任何HTML元素都可以應(yīng)用一個(gè)rel屬性。它有助于傳遞沒有另外指定的額外參數(shù)。這對(duì)于在HTML中使用JavaScript的時(shí)候是非常有用的。如果你有一個(gè)想要在行內(nèi)編輯的鏈接,你可以添加:
這個(gè)鏈接可編輯。
Javascript 會(huì)尋找?guī)в衦el屬性”clickable”的a鏈接,并應(yīng)用一些Ajax并允許它在行內(nèi)被編輯。這只是你可以使用rel屬性的眾多技術(shù)中的一種用法,因?yàn)樗臐摿κ菬o止境的。感興趣的朋友可以深入研究一下W3C關(guān)于Rel的介紹。
10.
標(biāo)簽是一個(gè)難以相信的不出名的標(biāo)簽。坦率的講,我也很懷疑你們會(huì)接觸到這個(gè)標(biāo)簽, 因?yà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,沒有定義overflow。
NoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbrNoWbr
HavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbrHavaWbr
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
如果你想要實(shí)現(xiàn)相同的效果而不使用 標(biāo)簽,你可以試一下?或-。據(jù)說這三個(gè)標(biāo)簽都未被所有瀏覽器完全支持。你可以通過 這篇文章 來查看各個(gè)瀏覽器對(duì)著三個(gè)標(biāo)簽的支持情況。
PS:
頗困難的翻譯了這篇文章,神飛深深的感受到了語義化的魅力以及HTML標(biāo)簽的強(qiáng)大,相信我們沒有認(rèn)識(shí)到的標(biāo)簽還有很多,結(jié)果,常見的標(biāo)簽大家都很熟悉,不常見的標(biāo)簽大家有都不會(huì)用。正如之前我在一篇文章中闡述的那樣,“語義化”很大的一部分是,在恰當(dāng)?shù)牡胤绞褂煤线m的標(biāo)簽,而不是一味的div下去。如果,我們能夠了解更多的HTML標(biāo)簽,我們就能寫出更具語義的HTML代碼,也能大大的降低我們寫CSS的難度和工作量,并使我們的頁面結(jié)構(gòu)更趨合理相關(guān)閱讀:
JavaScript在ASP中實(shí)現(xiàn)掩碼文本框
Vista用Defrag命令整理磁盤碎片
學(xué)習(xí)WEB標(biāo)準(zhǔn)心得:網(wǎng)頁重構(gòu)的思路
如何為Exchange服務(wù)重建IIS虛擬目錄
CentOS中安裝商業(yè)主機(jī)控制面板DTC(Domain Technologie Control)
新浪滑門技術(shù)
讓XHTML與HTML兼容
關(guān)于Oracle RMAN進(jìn)行的一次有益測(cè)試
Oracle執(zhí)行全文索引時(shí)出現(xiàn)權(quán)限不足的解決方法
jQuery的三種$()
初學(xué)JavaScript第一章
在asp.NET中字符串替換的五種方法
AJAX 異步傳輸數(shù)據(jù)的問題
XHTML下,JS浮動(dòng)代碼失效的問題
總結(jié)
以上是生活随笔為你收集整理的网页最少要有一个html标签,PHP_网页开发人员必须知道的10个不常用HTML标签, 网页开发人员常常希望能 - phpStudy...的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 三星a7支持html吗,三星A7怎么样
- 下一篇: 161-PHP 文本替换函数str_re