5個酷炫、實用的HTML標簽和屬性介紹

2020-03-24 16:28:39

字體：大中小

來源：轉載

供稿：網友

其實這也是標題黨了，也不能說是炫，只是由于我孤陋寡聞沒見過這些標簽。這些功能在通常的網站上也不是很常見，所以我感覺很新鮮。那么就出一個系列吧，把我遇到的很好的HTML標簽都記錄下來（可能是HTML5的標簽，不保證所有瀏覽器都能兼容）。1. contenteditable這是HTML5新增的標簽，可以使一個區域的內容可以試試編輯，比如下面的表格：（在IE中的table似乎不支持這個屬性，但是div和body好像是支持的。如果你使用IE，那么請嘗試點擊$100和$50的部分進行編輯，我在這兩個格子中加了contenteditable的標簽。如果你不是IE，那所有的內容應該都可以編輯）

提示：您可以先修改部分代碼再運行
注意這個表格是直接可以編輯的，我們不需要增加任何文本框就可以直接改文字，而且子標簽如果沒有指定這個屬性的話默認是繼承的，所以非常方便。（當然如果在body中增加這個屬性那么所有的東西都可以編輯，真可怕）2. fieldset標簽這個東西就相當于.NET里面的GroupBox，只是我原來不知道而已,它的作用是可將表單內的相關元素分組,：

提示：您可以先修改部分代碼再運行legend標簽指定這個BOX的標題。3. area標簽圖片上的特定區域可以直接放一個超級鏈接！配合map標簽和img的usemap屬性即可（注意點了圖片后跳轉到其他頁面記得退回來 ^_^）：

提示：您可以先修改部分代碼再運行4. output標簽這個標簽能夠直接顯示腳本的運算結果（注意：目前IE的任何版本都不支持），以下腳本似乎不工作，可能是因為WP的原因所致：

提示：您可以先修改部分代碼再運行5. mark標簽直接能夠高亮一段文字，不需要把文字拆開即可實現：

提示：您可以先修改部分代碼再運行今天先到這吧，以后看到好的HTML標簽和特效再貼上來。html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：HTML里table標簽的使用方法

下一篇：Html5游戲開發之乒乓Ping Pong游戲示例(一)