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游戏示例(一)