HTML5中新增的元素有哪些

1.新增的结构元素

 语义化的标签<article></article>   文章<section></section> 独立的区域<header></header>   头部<footer></footer>   尾部<aside></aside>   侧边栏广告<address></address>  地址<nav></nav>   导航 <figure>   有标题的独立区域<figcaption></figcaption><div></div></figure><details open><summary>标题</summary><div></div></details>

2.新增的表单控件

<progress></progress>  <meter></meter><output></output><datalist></datalist>

3.H5中input的type属性的扩展
type=“number” 数值框
type=“range” 滑块
type=“search” 搜索框
type=“color” 颜色框，#ffffff
type=“tel” 电话框
type=“url” 网址url框，自带表单验证，http:// https://
type=“email” 邮箱框，自带验证，XXX@XXX
type=“date” 日期，2020-09-09
type=“datetime-local” 日期和时间 2020-09-09T09:09:09
type=“time” 时间 09:09:09
type=“week” 年周 2020-W07
type=“month” 年月 2020-09
4.新增属性
form属性，值为一个form标签的id值
formaction属性，指定提交按钮提交数据的地址
formenctype属性，指定表单提交的编码格式
formmethod属性，指定表单提交的方式
formnovalidate属性，指定表单是否验证，布尔属性，写上就代表不验证
formtarget属性，指定响应打开的方式
autofocus 自动聚焦
required 必填项
pattern 正则表达式匹配验证
list 绑定datalist，数据列表
placeholder 占位符
min 最小值
max 最大值
5.H5中的媒体元素
audio
video
controls 控制条
loop 循环播放
muted 静音播放
autoplay 自动播放

HTML5中新增的元素有哪些相关推荐

下面是html5中新增的结构元素的是,HTML5的新的结构元素介绍
HTML5的新的结构元素介绍一.HTML5与HTML4的区别 1. 取消了一些过时的HTML4的标签其中包括纯粹显示效果的标记,如和 ,它们已经被 CSS完全取代. 其他取消的属性:acronym ...
html 5 设置标签居中,Html5中新增标签与样式实现元素水平垂直居中的方法
Html5中新增标签与样式实现元素水平垂直居中的方法发布时间:2021-06-12 12:44:51 来源:亿速云阅读:71 作者:小新这篇文章将为大家详细讲解有关Html5中新增标签与样式实现 ...
HTML5用于定义一篇日志,[网页设计]HTML5之新增的元素
今天打开博客看到自己有了一个小粉丝,说实话还是蛮开心的,坚持写博客大半年了,终于迎来了自己的第一个小伙伴.总算是坚持了那么久的事情看到了结果吧. 前几天参加了我们学院老师的比赛---<青年教师大 ...
HTML5中新增的音频标签是,HTML5新增的音频标签、视频标签
我们所说的H5就是我们所说的HTML5中新增的语言标准一.音频标签在HTML5当中有一个叫做audio的标签,可以直接引入一段音频资源放到我们的网页当中格式: 降级的文字说明(当音频文件不能本浏 ...
HTML5 中的canvas元素用于,HTML5中的Canvas元素
canvas 元素用于在网页上绘制图形. 什么是Canvas? HTML 5 的canvas元素使用JavaScript 在网页上绘制图像. 画布是一个矩形区域,您可以控制其每一像素. canvas ...
html中用来表示主题标签的是什么,HTML5中的article标签是什么？HTML5中的article元素用在什么地方？...
HTML5中的article标签是什么?HTML5中的article元素用在什么地方?本篇文章主要为大家解释了什么是HTML5中的article标签,article用在什么地方,还有HTML5中art ...
HTML5中新增的文件API和拖拽API详解
文件API 在HTML5之前的,从网页上传文件一次只能上传一个文件,而且也无法对要上传的文件做更深一步的操作. HTML5提供了一个系列关于文件操在的API,通过使用这些API,对于从Web页面访问本 ...
HTML菊花图案绘制,用HTML5中的canvas元素画菊花
用html5中的canvas画出的三种菊花,书上看到的例子,拿来当联系玩. 使用Canvas元素绘制美丽的花朵 var context; var A,n; function btn_onclick() ...
HTML5中新增的表单元素[智能表单]
[HTML5 智能表单] H5新增input的form属性,用于指向特定form表单的id,实现input无需放在form标签之中,即可通过表单进行提交. <FORM id=foo> - ...

HTML5中新增的元素有哪些

HTML5中新增的元素有哪些

HTML5中新增的元素有哪些相关推荐

最新文章

热门文章