html5新增标签有哪些?

html5

1.声明

  html5:万维网的核心语言、HTML规范的第五次重大修改。HTML5是HTML标准的下一个版本。

  HTML5简化了很多细微的语法,  例如doctype的声明,你只需要写

2.布局的语义化标签

  article:标签装载显示一个独立的文章内容,例如一篇文章、报导、小说。

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

  section :标签定义文档中的节(section、区段),例如一个小说中的一章节。

  aside:用来装载非正文类的内容,对于主题内容的说明。

  header :标签定义文档的页面头部,通常是一些引导和导航信息

  footer : 标签定义 section 或 document 的页脚

  nav :标签定义显示导航链接

  time:定义日期或时间,或者两者

  main:规定文档的主要内容  注:在文档中不能出现一个以上的

元素。

  progress:进度条 属性:max:进度完成值

              value:定义当前进度值

  mark:标记需要突出显示的文本

  使用场景:

 

  html5新增标签有哪些?

3.媒体组合标签

figure>figcaption  

:标签包含独立的媒体内容,例例如图像、图表、照片等等,以及对这些媒体的说明文字

  

标签定义figure元素的标题(captio)
 details>summary  

标签用于描述文档或文档某个部分的细节,而这个细节并不不需要文档加载时就展示,而是可以折叠。

属性:open定义details是否可见  

默认显示的details元素的标题

 datalist>option  输入框提示列列表  input的list属性值为datalist的id  

 

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

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

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

(0)
上一篇 2025年3月11日 04:37:40
下一篇 2025年3月3日 09:03:25

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

相关推荐

  • WebSocket+MSE——HTML5 直播技术解析

    作者 | 刘博(又拍云多媒体开发工程师) 当前为了满足比较火热的移动 Web 端直播需求,一系列的 HTML5 直播技术迅速的发展起来。 常见的可用于 HTML5 的直播技术有 HLS、WebSocket 与 WebRTC。今天我向大家介绍…

    2025年3月11日 编程技术
    200
  • Html5语义化标签及兼容性处理详解

    页眉 主要用于页面的头部的信息介绍,也可用于板块头部 页面上的一个标题组合 一个标题和一个子标题,或者标语的组合 妙味课堂 带您进入富有人情味的IT培训 立即学习“前端免费学习笔记(深入)”; 导航 (包含链接的的一个列表) 链接链接 妙味…

    编程技术 2025年3月11日
    200
  • 利用JSSDK在网页中获取地理位置

    复制一份jssdk环境,创建一份index.html文件,结构如图7.1所示。   图7.1  7.1节文件结构 在location.js中,封装“getLocation”接口,如下:   01wxJSSDK.location = func…

    2025年3月11日 编程技术
    200
  • HTML5盒子模型的使用方法

    盒子模型。 盒子由 margin、border、padding、content 四部分组成。 margin :外边距 立即学习“前端免费学习笔记(深入)”;   border:边框   padding:内边距 (内容与边框的距离)   co…

    2025年3月11日 编程技术
    200
  • 零基础学习HTML5

    1个html5基础入门教程,4个html5小项目教程,带你零基础入门学习html5。 【HTML5基础入门】 教程将会介绍HTML5中的新特性,包括结构标签、新型表单标签、文件操作、Canvas、本地存储等。适合对前端编程有兴趣,已经学了H…

    2025年3月11日 编程技术
    200
  • h5之scrollIntoView用法详解

      如果滚动页面也是dom没有解决的一个问题。为了解决这个问题,浏览器实现了一下方法,以方便开发人员如何更好的控制页面的滚动。在各种专有方法中,html5选择了scrollintoview()作为标准方法。scrollintoview()可…

    2025年3月11日
    200
  • ios加载html5 audio标签时遇到的问题分享

    html5 audio标签在ios 微信浏览器中是无法自动播放的,最近在做一个小的项目遇到这个问题,安卓和pc都是正常的,唯独ios不行,查阅了很多资料,找到了以下方法,也许不是最好用的方法,如果有更方便的方法,尽请留言: html部分: …

    编程技术 2025年3月11日
    200
  • h5实现QQ聊天气泡的实例介绍

    这篇文章主要介绍了html5实现qq聊天气泡效果,用 html/css 做了个类似qq的聊天气泡,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 今天自己用 HTML/CSS 做了个类似QQ的聊天气泡,以下是效果图: 以下说下关键地方的样…

    2025年3月11日 编程技术
    200
  • HTML5 canvas学习的实例介绍

    1.html5中的canvas标签的创建 window.onload = function(){ createCanvas(); } function createCanvas(){ var canvas_width= 200, canva…

    编程技术 2025年3月11日
    200
  • h5中文件上传下载实例

    前言 html5 中提供的文件api在前端中有着丰富的应用,上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好,包括移动端,除了 ie 只支持 ie10 以上的版本。想要更好地掌握好操作文件的功能,先要熟悉每个api…

    编程技术 2025年3月11日
    200

发表回复

登录后才能评论