登录  /  注册

html5有哪些新增标签

青灯夜游
发布: 2021-05-11 16:06:29
原创
3728人浏览过

html5标签:bdi、mark、meter、progress、rp、rt、ruby、time、wbr、datalist、keygen、output、canvas、audio、video、source、header、footer、nav等。

html5有哪些新增标签

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

HTML5的新增标签

我们都知道,想要成为一名合格的前端开发人员,掌握好HTML5是一个重要的先决条件,相比较于HTML,HTML5中新增了许多功能标签,那么这么标签都有哪些呢?

格式:

定义文本的文本方向,使其脱离其周围文本的方向设置。

定义有记号的文本。

定义预定义范围内的度量。

定义任何类型的任务的进度。

定义若浏览器不支持 ruby 元素显示的内容。

定义 ruby 注释的解释。

定义 ruby 注释。

定义可能的换行符。

表单:

定义下拉列表。

定义生成密钥。

定义输出的一些类型。

图像:

定义图形。

定义 figure 元素的标题。

定义媒介内容的分组,以及它们的标题。

音频和视频:

定义媒介源。

定义用在媒体播放器中的文本轨道。

链接:

列表:

定义命令按钮。

样式:

定义section或page的页眉。

定义section或page的页脚。

定义section。

定义文章。

定义元素的细节。

元素定义可见的标题。

编程:

为外部应用程序(非HTML)定义容器。

HTML5的优势:

1、做出更多好看的动画效果,让前端开发人员实现更好的页面交互

HTML5实现的网页更加的精美,这些动画是基于HTML5标签和CSS3样式共同实现的效果。

2、解决了跨浏览器问题

跨浏览器问题在HTML5出现之前,对于前端开发人员来说,绝对是一个噩梦级的问题。明明在一个浏览器中完全正常运行的HTML、CSS和Java页面,但换一个浏览器之后,就会出现很多问题,比如:Java运行出错、页面布局混乱等。改变了这种局面的正是HTML5编程语言,目前主流浏览器如Internet Explorer、Chorme、Firefox、Safari都表现出对HTML5的极大热情。

3、跨平台、离线使用

HTML5 可以做到跨平台,多数核心代码不用重写,Java的代码用得好的话,在许多地方都可以用到,包括移动应用、移动网站、PC网站、各种浏览器插件,甚至可以用WebKit封装作为跨平台的应用程序。虽然这种方式在严格意义上来讲并非是完全跨平台,但这样也在后期的维护上可以节省出量的时间和精力。

用户可以离线使用、访问应用,这对于无法随时保持联网状态的移动终端用户来说是很重要的,且用户访问本地的缓存文件,通常意味着更快的访问速度,从这个角度来说,可谓是大大提高了用户的体验度

推荐教程:《html视频教程

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

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号