来源:自学PHP网 时间:2014-12-15 15:59 作者: 阅读:次
[导读] 这篇文章主要介绍了5个酷炫、实用的HTML标签和属性介绍,所有标签的效果请点击运行代码查看,需要的朋友可以参考下...
这篇文章主要介绍了5个酷炫、实用的HTML标签和属性介绍,所有标签的效果请点击运行代码查看,需要的朋友可以参考下
其实这也是标题党了,也不能说是“炫”,只是由于我孤陋寡闻没见过这些标签。这些功能在通常的网站上也不是很常见,所以我感觉很新鲜。那么就出一个系列吧,把我遇到的很好的HTML标签都记录下来(可能是HTML5的标签,不保证所有浏览器都能兼容)。 1. contenteditable 这是HTML5新增的标签,可以使一个区域的内容可以试试编辑,比如下面的表格:(在IE中的table似乎不支持这个属性,但是div和body好像是支持的。如果你使用IE,那么请尝试点击$100和$50的部分进行编辑,我在这两个格子中加了contenteditable的标签。如果你不是IE,那所有的内容应该都可以编辑) 提示:您可以先修改部分代码再运行
2. fieldset标签 这个东西就相当于.NET里面的GroupBox,只是我原来不知道而已,它的作用是可将表单内的相关元素分组,: 提示:您可以先修改部分代码再运行 legend标签指定这个BOX的标题。 3. area标签 图片上的特定区域可以直接放一个超级链接!配合map标签和img的usemap属性即可(注意点了图片后跳转到其他页面记得退回来 ^_^): 提示:您可以先修改部分代码再运行 4. output标签 这个标签能够直接显示脚本的运算结果(注意:目前IE的任何版本都不支持),以下脚本似乎不工作,可能是因为WP的原因所致: 提示:您可以先修改部分代码再运行 5. mark标签 直接能够高亮一段文字,不需要把文字拆开即可实现: 提示:您可以先修改部分代码再运行 今天先到这吧,以后看到好的HTML标签和特效再贴上来。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com