5個酷炫、實用的HTML標(biāo)簽和屬性介紹

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

1. contenteditable

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

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

2. fieldset標(biāo)簽

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

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

3. area標(biāo)簽

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

4. output標(biāo)簽

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

5. mark標(biāo)簽

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

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