热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

html5新增加的标签有哪些

这次给大家带来html5新增加的标签有哪些,使用html5新增加标签的注意事项有哪些,下面就是实战案例,一起来看一下。
这次给大家带来html5新增加的标签有哪些,使用html5新增加标签的注意事项有哪些,下面就是实战案例,一起来看一下。

今天新学习了9个标签、

定义选项列表。这个其实是一个比较大的改进,不过也有不足,这个标签其实组合了《input标签中的text》和select标签、生产的一个可以输入和下拉选项的输入组合框》。不足之处在于如果不通过JS控制,只有当输入框中为空,定义的下拉选项中才会生效

定义文档细节。这个标签其实用的地方也比较多,常和summary标签用。summary标签里面写文档的标题。p标签写文档的细节

一个高亮的显示标签,再也不用标记某一段文字要用font属性了。

快速创建一个list列表。用法是menu li结合

存放地址的标签

这个是一个进度条标签。他的主要属性有value和max。value表示当前进度条位置,max表示进度条的总共长度。

初步接触html5的标签。给人的第一感觉就是望文知义。这个标签能够很容易让人记住。

<%@ page language="java" cOntentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>







欢迎来到Html5的学习之路,我是header标签。
这是一个定义选项列表的标签datalist 这个的作用就是将text文本框与select标签结合起来


    
    
    
    
    



这里我发现了两者一个不同之处在于,datalist只有在输入框为空的时候才会有自己定义下拉的内容!
而这个select选项框是不管什么内容它都会存在的


------------------------


这是一个定义文档细节的标签。detail标签。它的主要作用很简单。
这是一个detail标签,下面就是他的使用方法

detail标签是什么?

detail标签有什么作用?

detail标签能干什么?

detail标签我改怎么用它?


detail标签常与sunmmary标签用在一起。比如这个标签是高亮标签mark比重不一样。

接下来这个标签是定义列表标签。menu。
  • 西游记
  • 水浒传
  • 红楼梦
  • 三国演义


  • 进度条标签我们用的比较多。比如这个。progress value=5 max=10
    我是底部footer标签

    相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

    推荐阅读:

    怎样使用phonegap查找联系人

    phonegap播放音频详解

    以上就是html5新增加的标签有哪些的详细内容,更多请关注其它相关文章!


    推荐阅读
    • 阿里Treebased Deep Match(TDM) 学习笔记及技术发展回顾
      本文介绍了阿里Treebased Deep Match(TDM)的学习笔记,同时回顾了工业界技术发展的几代演进。从基于统计的启发式规则方法到基于内积模型的向量检索方法,再到引入复杂深度学习模型的下一代匹配技术。文章详细解释了基于统计的启发式规则方法和基于内积模型的向量检索方法的原理和应用,并介绍了TDM的背景和优势。最后,文章提到了向量距离和基于向量聚类的索引结构对于加速匹配效率的作用。本文对于理解TDM的学习过程和了解匹配技术的发展具有重要意义。 ... [详细]
    • iOS超签签名服务器搭建及其优劣势
      本文介绍了搭建iOS超签签名服务器的原因和优势,包括不掉签、用户可以直接安装不需要信任、体验好等。同时也提到了超签的劣势,即一个证书只能安装100个,成本较高。文章还详细介绍了超签的实现原理,包括用户请求服务器安装mobileconfig文件、服务器调用苹果接口添加udid等步骤。最后,还提到了生成mobileconfig文件和导出AppleWorldwideDeveloperRelationsCertificationAuthority证书的方法。 ... [详细]
    • 本文介绍了使用Python编写购物程序的实现步骤和代码示例。程序启动后,用户需要输入工资,并打印商品列表。用户可以根据商品编号选择购买商品,程序会检测余额是否充足,如果充足则直接扣款,否则提醒用户。用户可以随时退出程序,在退出时打印已购买商品的数量和余额。附带了完整的代码示例。 ... [详细]
    • 使用圣杯布局模式实现网站首页的内容布局
      本文介绍了使用圣杯布局模式实现网站首页的内容布局的方法,包括HTML部分代码和实例。同时还提供了公司新闻、最新产品、关于我们、联系我们等页面的布局示例。商品展示区包括了车里子和农家生态土鸡蛋等产品的价格信息。 ... [详细]
    • 本文介绍了互联网思维中的三个段子,涵盖了餐饮行业、淘品牌和创业企业的案例。通过这些案例,探讨了互联网思维的九大分类和十九条法则。其中包括雕爷牛腩餐厅的成功经验,三只松鼠淘品牌的包装策略以及一家创业企业的销售额增长情况。这些案例展示了互联网思维在不同领域的应用和成功之道。 ... [详细]
    • Unity3D引擎的体系结构和功能详解
      本文详细介绍了Unity3D引擎的体系结构和功能。Unity3D是一个屡获殊荣的工具,用于创建交互式3D应用程序。它由游戏引擎和编辑器组成,支持C#、Boo和JavaScript脚本编程。该引擎涵盖了声音、图形、物理和网络功能等主题。Unity编辑器具有多语言脚本编辑器和预制装配系统等特点。本文还介绍了Unity的许可证情况。Unity基本功能有限的免费,适用于PC、MAC和Web开发。其他平台或完整的功能集需要购买许可证。 ... [详细]
    • 项目需要实现弹幕,网上参考了各种方法,最后觉得transform+transition实现的效果在移动设备上性能最好,在iphone6和红米4上测试,看不到 ... [详细]
    • 《HTML5移动web开发指南》,是UC公司著名前端开发师唐俊开(网名:三桥)的新书,介绍了jquerymo ... [详细]
    • 我在一个phonegap应用程序中使用jquerymobile,我试图将一个变量从文本框传递到下一页,用变量进行xml遍历。我的页面有这个javascript发送变量,但我不知道如 ... [详细]
    • 前言jQueryMobile入门经典毫无疑问,当前我们在获取、使用和分享网上的资源时,所采用的方式正在不断变得越来越移动化。每个月都会有数以千计的新智能 ... [详细]
    • Adobe系统公司(纳斯达克股票代码:ADBE)本周三宣布其Adobe数字营销套件的组件网络体验管理(WebExperienceManagement,WEM)解决方案 ... [详细]
    • DH-UAP是西安大华时代网络科技有限公司开发的新一代应用开发、运行、维护平台。该平台提供了技术统一、架构合理、性能高效、安全可靠的企业级信息系统基础框架和组件库,支 ... [详细]
    • phonegap实现进行本地存储办法介绍
      web前端|H5教程phonegap,本地存储web前端-H5教程下面小编就为大家带来一篇使用phonegap进行本地存储的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做 ... [详细]
    • 最近网上搜了一些资料,以前版本的有个安装包,但是最新的版本没有了,他是通过命令行安装并且创建App的,我主要是看的他的文档来 ... [详细]
    • App混合开发(英文名:HybridApp),是指在开发一款App产品的时候为了提高效率、节省成本即利用了原生的开发技术还应 ... [详细]
    author-avatar
    Kong倪
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有