5个酷炫、实用的HTML标签和属性介绍
我要评论其实这也是标题党了，也不能说是“炫”，只是由于我孤陋寡闻没见过这些标签。这些功能在通常的网站上也不是很常见，所以我感觉很新鲜。那么就出一个系列吧，把我遇到的很好的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的a标签href属性指定相对路径与绝对路径的用法讲解
href是链接前端文件的一个最常用的重要属性,这里我们就来看一下HTML的a标签href属性指定相对路径与绝对路径的用法讲解,需要的朋友可以参考下2016-07-11- 这篇文章主要介绍了HTML5 Video标签的属性、方法和事件汇总介绍,本文讲解了2015-04-24
- 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务2014-12-27
设置contenteditable属性可编辑HTML标签的内容(可代替textarea)
有些Weber可能没有用过contenteditable这个属性，如果想编辑一个DIV里面的内容，这个属性是一个非常不错的选择2014-06-11- 这篇文章主要介绍了HTML embed标签使用方法和属性详解,重点介绍embed标签的属性,需要的朋友可以参考下2014-04-17
- HTML的img标签：alt属性和title属性，很多人看来对这两个属性感到迷惑，所以我写下我的想法，如何去用它们2014-02-20
html a 链接标签title属性换行鼠标悬停提示内容的换行效果
a链接标签内title属性鼠标悬停提示内容有换行效果，该怎么实现呢？下面由两种不错的方法，大家不妨参考下，希望对大家有所帮助2013-10-28- 本文大概给大家带来了9种HTML中相似的标签和属性的区别，介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-08-17
最新评论