html5新增标签有哪些

html5新增标签有:1、video,表示一段视频并提供播放的用户界面;2、audio,表示音频;3、canvas,表示位图区域;4、source,表示为video和audio提供数据源;5、svg,用于定义矢量图等等。

html5新增标签有哪些

本文操作环境:Windows7系统、Dell G3电脑、HTML5版。

h5是html的最新版本,是14年由w3c完成标准制定。增强了,浏览器的原生功能,减少浏览器插件(eg:flash)的应用,提高用户体验满意度,让开发更加方便。

– h5新增的标签

新增元素

立即学习“前端免费学习笔记(深入)”;

说明

video    表示一段视频并提供播放的用户界面    audio    表示音频    canvas    表示位图区域    source    为video和audio提供数据源    track    为video和audio指定字母    svg    定义矢量图    code    代码段    figure    和文档有关的图例    figcaption    图例的说明    main    time    日期和时间值    mark    高亮的引用文字    datalist    提供给其他控件的预定义选项    keygen    秘钥对生成器控件    output    计算值    progress    进度条    menu    菜单    embed    嵌入的外部资源    menuitem    用户可点击的菜单项    menu    菜单    template    section    nav    aside    article    footer    header

登录后复制

– css3

css3被划分为模块,最重要的几个模块包括:选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面

选择器

框模型

背景和边框

border-radius、box-shadow、border-image、

background-size:规定背景图片的尺寸

background-origin:规定背景图片的定位区域

background-clip:规定背景的绘制区域

文本效果(常用)

text-shadow:设置文字阴影

word-wrap:强制换行

word-break

css3提出@font-face规则,规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range

2/3D转换

transform:向元素应用2/3D转换

transition:过渡

动画

@keyframes规则:

animation、animation-name、animation-duration等

用户界面(常用)

box-sizing、resizecss3新增伪类:nth-child():nth-last-child():only-child:last-child:nth-of-type():only-of-type():empty:target  这个伪类允许我们选择基于URL的元素,如果这个元素有一个识别器(比如跟着一个#),那么:target会对使用这个ID识别器的元素增加样式。

登录后复制

:enabled  :disabled:checked:not

登录后复制

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2826001.html

(0)
上一篇 2025年3月9日 03:01:18
下一篇 2025年3月1日 13:54:18

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • HTML5新增了哪些input类型及其属性?

    新增类型:color、date、datetime、email、month、number、tel、time、url、week等;新增属性:autofocus、form、max、min、pattern、step、list等。 (推荐教程:htm…

    2025年3月9日 编程技术
    200
  • H5+JS实现页面加载动画

    本篇文章给大家介绍一下html5+javascript实现页面加载动画的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 (相关教程推荐:html教程 ) 1.使用定时器,每次都要等待。 2.根据页面加载是否完成,来判…

    2025年3月9日 编程技术
    200
  • html5怎么实现列表

    html5实现列表的方法:1、使用ol标签来创建有序列表,列表中利用li来表示列表项;2、使用ul标签来创建无序列表,列表中利用li来表示列表项;3、使用dl来表示列表项,使用dt来表示定义的内容, 使用dd来对内容进行解释说明。 本教程操…

    2025年3月9日
    200
  • html5怎么设置input只能输入数字

    在html5中,可以通过input标签的type属性来实现只能输入数字的功能,只需要将type属性的值设置为“number”即可,语法“”。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 标签规定用户可输入数据的…

    2025年3月9日
    200
  • html和html5有什么区别

    区别:1、HTML的文档类型声明长而复杂,而HTML5的文档声明相对来说更为简便,有利于程序员快速阅读和开发;2、HTML5支持SVG、画布和其他虚拟矢量图形,而HTML不支持;3、HTML本身不支持音频和视频,而HTML5支持等等。 本教…

    2025年3月9日
    200
  • html5如何播放视频

    html5播放视频的方法:1、使用video标签,语法“”;2、使用embed标签,语法“”。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 在 HTML 中播放视频的方法有很多种,其中html5有两种方法: 标…

    2025年3月9日
    200
  • html5 input有新属性吗

    html5 input有新增属性,分别为:autocomplete、autofocus、form、height、list、max、min、multiple、pattern、placeholder、required、step、width等等。…

    2025年3月9日
    200
  • 怎样禁止html页面滚动

    在html中,可以通过将body元素的style属性的值设置为“overflow:hidden”来禁止页面滚动,具体语法“..”。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 html禁止页面滚动的方法: 1、…

    2025年3月9日 编程技术
    200
  • html5怎样隐藏下划线

    在html中,可以利用style属性给元素添加“text-decoration:none;”样式来设置元素隐藏下划线,语法为“”。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 html5怎样隐藏下划线 在htm…

    2025年3月9日
    200
  • html5中怎么设置单元格水平跨度

    在html5中,可以利用单元格元素(td或th)的colspan属性来设置单元格水平跨度,该属性可以定义单元格应该横跨的列数,语法“”或“”。 本教程操作环境:windows7系统、HTML5版、Dell G3电脑。 在html5中,想要设…

    2025年3月9日
    200

发表回复

登录后才能评论