html5新增标签 | 您所在的位置:网站首页 › html5引入的新标签 › html5新增标签 |
为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页应用程序缓存,存储,网络工作者,等。下面是Html5新增常用标签的一些总结以及一些实现效果(很多运行效果需要需改文件的名称和路径): :标签定义图形,比如图表和其他图像,该标签是基于js的绘图api,暂时不作讲解。 新多媒体元素: 1.定义音频内容 用法:
您的浏览器不支持 audio 元素。
2.定义视频内容: 您的浏览器不支持 video 标签。 3. 标签定义了一个容器,用来嵌入外部应用或者互动程序(插件): 新表单元素: 标签需要与 标签配合使用,用来表示可选的列表(跟html中的select标签功能一样):
新的语义和结构元素: 1. 标签表示页面中与上下文不相关的独立的内容部分,如下面的示例,放在标签里: 独立内容与上下文不相关 2. 标签为语义化标签: Epcot CenterThe Epcot Center is a theme park in Disney World, Florida. 3. 标签表示文档中的一个独立部分,例如下面的示例, 标签定义了文档的某个区域,用来解释什么是 :html section content 4. 标签可以用来表示自包含的内容,并且一般作为单个单元引用:5.如果您需要突出显示 HTML 文档中某一部分的文本,则您可以使用该 标签,比如,在下面的示例中,我们突出显示了“牛奶”一词: 今天别忘了买牛奶。
6.在 HTML 中给定一个具体的范围(包括最大值与最小值),然后使用 标签来显示该给定范围内的数据,请参考下面的实例: 4 out of 10 70% 7. 标签表示一个页面中的某个部分,目的是提供导航链接,常见的导航栏的示例是菜单、目录和索引,请参考下面的示例: HTML | CSS | JavaScript | jQuery 8. 标签显示某个任务完成的进度的指示器,一般用于表示进度条,下述的示例简单的模拟了一个下载进度条: 9. 标签用来表示HTML网页中出现的日期和时间,目的是让搜索引擎等其它程序更容易的提取这些信息: 我们在每天上午9:00开始营业。 情人们会在情人节约会。 W3Cschool(w3cschool.cn) 您的浏览器不支持 audio 元素。 定义视频内容: 您的浏览器不支持 video 标签。 独立内容与上下文不相关 Epcot CenterThe Epcot Center is a theme park in Disney World, Florida. htmlsection content 今天别忘了买牛奶。 4 out of 10 70% HTML | CSS | JavaScript jQuery我们在每天上午9:00开始营业。 情人们会在情人节约会。 我们在每天早上9:00开始营业。 我在情人节有个约会。 注意:Internet Explorer 8 及更早版本不支持 time 标签。 注意: Internet Explorer 9(更早IE版本),Safari不支持 datalist 标签。
|
CopyRight 2018-2019 实验室设备网 版权所有 |