其實(shí)這也是標(biāo)題黨了，也不能說(shuō)是“炫”，只是由于我孤陋寡聞沒(méi)見(jiàn)過(guò)這些標(biāo)簽。這些功能在通常的網(wǎng)站上也不是很常見(jiàn)，所以我感覺(jué)很新鮮。那么就出一個(gè)系列吧，把我遇到的很好的HTML標(biāo)簽都記錄下來(lái)（可能是HTML5的標(biāo)簽，不保證所有瀏覽器都能兼容）。

1. contenteditable

這是HTML5新增的標(biāo)簽，可以使一個(gè)區(qū)域的內(nèi)容可以試試編輯，比如下面的表格：（在IE中的table似乎不支持這個(gè)屬性，但是div和body好像是支持的。如果你使用IE，那么請(qǐng)嘗試點(diǎn)擊$100和$50的部分進(jìn)行編輯，我在這兩個(gè)格子中加了contenteditable的標(biāo)簽。如果你不是IE，那所有的內(nèi)容應(yīng)該都可以編輯）

注意這個(gè)表格是直接可以編輯的，我們不需要增加任何文本框就可以直接改文字，而且子標(biāo)簽如果沒(méi)有指定這個(gè)屬性的話默認(rèn)是繼承的，所以非常方便。（當(dāng)然如果在body中增加這個(gè)屬性那么所有的東西都可以編輯，真可怕……）

2. fieldset標(biāo)簽

這個(gè)東西就相當(dāng)于.NET里面的GroupBox，只是我原來(lái)不知道而已,它的作用是可將表單內(nèi)的相關(guān)元素分組,：

legend標(biāo)簽指定這個(gè)BOX的標(biāo)題。

3. area標(biāo)簽

圖片上的特定區(qū)域可以直接放一個(gè)超級(jí)鏈接！配合map標(biāo)簽和img的usemap屬性即可（注意點(diǎn)了圖片后跳轉(zhuǎn)到其他頁(yè)面記得退回來(lái) ^_^）：

4. output標(biāo)簽

這個(gè)標(biāo)簽?zāi)軌蛑苯语@示腳本的運(yùn)算結(jié)果（注意：目前IE的任何版本都不支持），以下腳本似乎不工作，可能是因?yàn)閃P的原因所致：

5. mark標(biāo)簽

直接能夠高亮一段文字，不需要把文字拆開即可實(shí)現(xiàn)：

今天先到這吧，以后看到好的HTML標(biāo)簽和特效再貼上來(lái)。

最新評(píng)論