• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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标签和特效再贴上来。

    上一篇:详解a href=#与 a href=javascript:void(0) 的区别
    下一篇:textarea布局时文字在左下边且不能改变大小尺寸的解决方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    5个酷炫、实用的HTML标签和属性介绍 5个,酷炫,实,用的,HTML,标签,