当前位置: 首页 > news >正文

HTML5 新元素

自 1999 年以后 HTML4.01 已经改变了很多,到今天,在 HTML4.01 中的几个已经被废弃,这些元素在 HTML5 中已经被删除或重新定义。为了更好地处理今天的互联网应用,HTML5 添加了很多 HTML4 中没有的新元素及功能,比如:图形的绘制、多媒体内容、更好的页面结构、更好的形式处理以及几个 api 拖放元素、定位等,包括网页应用程序缓存、存储、网络工作者等。

HTML5 中新添加的元素有:

标签描述
<canvas>定义图形内容,比如图表和其他图像。该标签基于 JavaScript 的绘图 API
<audio>定义音频内容
<video>定义视频内容
<source>定义多媒体资源,如视频和音频
<embed>定义嵌入的内容,如插件
<track>为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道
<datalist>定义选项列表,与 <input> 元素配合使用来定义 <input> 可能的值。
<keygen>规定用于表单的密钥对生成器字段
<output>定义不同类型的输出,比如脚本的输出
<article>定义页面独立的内容区域
<aside>定义页面的侧边栏内容
<dbi>允许设置一段文本,使其脱离其父元素的文本方向设置
<command>定义命令按钮,比如单选框、复选框或按钮
<details>用于描述文档或文档某个部分的细节
<dialog>定义对话框,比如提示框
<summary>该标签用于为 <details> 元素设置标题,通常认为该元素应该是 <details> 元素的第一个子元素
<figure>规定独立的流内容(图像、图表、照片、代码等等)
<figcaption>定义 <figure> 元素的标题
<footer>定义 section 或 document 的页脚
<header>定义文档的头部区域
<mark>定义带有记号的文本
<meter>定义度量衡。仅用于已知最大和最小值的度量
<nav>定义导航链接的部分
<progress>定义任何类型的任务的进度
<ruby>定义 ruby 注释(中文注音或字符)
<rt>定义字符(中文注音或字符)的解释或发音
<rp>在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容
<section>定义文档中的节(section、区段)
<time>定义日期或时间
<wbr>规定在文本中的何处适合添加换行符

还有一些在 HTML5 中已经弃用的 HTML4 的元素,如:<applet>、<big>、<dir>、<font>、<tt> 等。建议大家平时在写 html 文件的时候,考虑到兼容性和扩展性,尽量使用 HTML4 和 HTML5 中都有的标签和元素。

本文参考自:HTML5 新元素 | 菜鸟教程

相关文章:

  • 从0到一开发微信小程序(6)—小程序常用API
  • 京东商品类目查询接口
  • 期货手续费怎么计算?
  • java web开发(IDEA安装)
  • Vue组件(二)父组件、子组件通信/传值
  • SAMBA共享工具安装
  • 智慧农业系统 - 可视化大屏(Echarts)管理系统(HTTP(S)协议)物联网平台(MQTT协议)
  • 信息管理VUE毕业设计项目分享【含源码+论文】
  • 攻防比赛中蓝队常用的攻击方法
  • c++中和c语言不相同的地方
  • [前端CSS高频面试题]如何画0.5px的边框线(详解)
  • APS智能排产在电缆行业的应用
  • Java模拟抽奖。奖池有以下几个奖项:【2,1888,588,388,2888】打印出抽奖结果,要求随机且不重复。两种方法(代码和优化后的代码)
  • Ajax加强
  • 低代码治理及其必要性
  • Angularjs之国际化
  • canvas绘制圆角头像
  • CSS进阶篇--用CSS开启硬件加速来提高网站性能
  • hadoop入门学习教程--DKHadoop完整安装步骤
  • Iterator 和 for...of 循环
  • Java 内存分配及垃圾回收机制初探
  • java8-模拟hadoop
  • Making An Indicator With Pure CSS
  • 买一台 iPhone X,还是创建一家未来的独角兽?
  • 如何使用 JavaScript 解析 URL
  • 小程序 setData 学问多
  • 《TCP IP 详解卷1:协议》阅读笔记 - 第六章
  • (22)C#传智:复习,多态虚方法抽象类接口,静态类,String与StringBuilder,集合泛型List与Dictionary,文件类,结构与类的区别
  • (LeetCode 49)Anagrams
  • (pytorch进阶之路)CLIP模型 实现图像多模态检索任务
  • (附源码)springboot 个人网页的网站 毕业设计031623
  • (附源码)springboot课程在线考试系统 毕业设计 655127
  • (十二)devops持续集成开发——jenkins的全局工具配置之sonar qube环境安装及配置
  • (十三)Maven插件解析运行机制
  • (一)WLAN定义和基本架构转
  • (转)Oracle 9i 数据库设计指引全集(1)
  • .Net IOC框架入门之一 Unity
  • .NET 反射 Reflect
  • .net 获取url的方法
  • .net 使用ajax控件后如何调用前端脚本
  • .net(C#)中String.Format如何使用
  • .net反编译的九款神器
  • .NET开发人员必知的八个网站
  • .net流程开发平台的一些难点(1)
  • .NET面试题(二)
  • .Net下使用 Geb.Video.FFMPEG 操作视频文件
  • .Net中ListT 泛型转成DataTable、DataSet
  • .Net转Java自学之路—基础巩固篇十三(集合)
  • /dev/VolGroup00/LogVol00:unexpected inconsistency;run fsck manually
  • @JSONField或@JsonProperty注解使用
  • [17]JAVAEE-HTTP协议
  • [Angular 基础] - 自定义指令,深入学习 directive
  • [ANT] 项目中应用ANT
  • [Bada开发]初步入口函数介绍
  • [BZOJ1178][Apio2009]CONVENTION会议中心