1、html5

HTML5是一个新的网络标准，现在仍处于发展阶段。目标是取代现有的HTML 4.01和XHTML 1.0 标准。它希望能够减少互联网富应用（RIA)对Flash、Silverlight、JavaFX等的依赖，并且提供更多能有效增强网络应用的API。

2、新增语义化标签

块元素：1、<header></header>
2、<nav></nav>
3、<section></section>
4 、<footer></footer>
5、<main></main>（main在文档中只能出现一次，且不能被其他元素包着，只能包着其他元素）
6 、<aside></aside>
7 、<article></article>
8 、<figure>
<figcaption>独立流内容标题</figcaption>
独立流内容（图表、代码、图片、表格等）
</figure>
9 、<details>
<summary>概要、摘要</summary>
内容
</details>

内联元素：1、<progress value="进度值" min=“”最小值 max=“最大值”>
你的浏览器不支持此标签
</progress>
2、<meter value="" min="" max="" low="" high="" > your browser is not supported
</meter>
3、<time datetime="yyyy-mm-dd"></time>
4、 <mark>标记</mark>

3、新增表单控件

数据列表	<input type="" list="id"> <detalist id="id值"> <option value="值">文本</option> </detalist>
电子邮箱（提交时会自动验证 email 域的值）	<input type="email">
url（提交时会自动验证 url 域的值）	<input type="url"
数字域	<input type="number" step="规定合法的数字间隔" max=“规定允许最大值” min=“规定允许最小值” value=“默认值”>
搜索域	<input type="search">
手机号码	<input type="tel">
日期控件	年月日<input type="date">
	年月<input type="month">
	年周<input type="week"
	时间<input type="time"
	UTC时间<input type="datetime">
	本地时间<input type="date-local">
滑动条	<input type="range" step="规定合法的数字间隔" max=“规定允许最大值” min=“规定允许最小值” value=“默认值”>
颜色选择器	<input type="color">

pattern:模式（可设置输入字符的类型）

autofocus：自动获得焦点（autofocus="autofocus"或autofocus）

required：必填项（required="required"或required）

4、多媒体控件

音乐：<audio src=""></audio>

视频：<video src=""></video>

播放控件	control
静音	muted
自动播放	autoplay
循环播放	loop
设置封面	poster

视频兼容问题

<video>

<source src="movie.ogg" type="video/ogg">

<source src="movie.mp4" type="video/mp4">

Your browser does not support the video tag.

</video>

音频兼容问题

<audio controls="controls">

<source src="song.ogg" type="audio/ogg">

<source src="song.mp3" type="audio/mpeg">

Your browser does not support the audio tag.

</audio>

html5新增标签——新增语义化标签、新增表单控件、多媒体相关推荐

表单标签的作用、常用的表单控件
1.1 表单标签的作用作用:将客户端的数据提交给服务器,(表单是客户与服务器交互的一种方式). 可见性:在网页上是不可见的. 1.2 form常用的属性 Form标签是表单标签的一个根标签 1.3 ...
H5新增特性之语义化标签
H5新增特性之语义化标签语义化标签顾名思义标签有自己的含义,浏览器或者程序员一看就知道是什么.在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式 ...
【HTML5】html5中列表、表格、表单控件、浮动框架及结构化标签知识详解大全
一.列表 1.有序列表 <ol>有序列表 order list <li>列表项</li> <li>列表项</li> </ol> ...
[JavaWeb-HTML]HTML标签_语义化标签
语义化标签: 语义化标签:html5中为了提高程序的可读性,提供了一些标签.1. <header>:页眉2. <footer>:页脚
HTML标签-排版标签、媒体标签、列表标签、表格标签、表单标签、语义化标签、字符实体
一.排版标签 1.标题标签在新闻和文章的页面中都离不开标题,用来突出显示文章主题. h系列标题 <body><h1>1级标题</h1> <h2>2级标 ...
html5新增表单控件和表单属性
新的输入性表单控件: email:电子邮箱文本框,跟普通的没什么区别 - 当输入不是邮箱的时候,验证不通过 - 移动端的键盘会发生变化 tel:电话号码 url:网页的URL search:搜索引擎 ...
day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、转义（实体）字符、基本表格、合并表格
HTML 一 HTML概述超文本标记语言(Hyper Text Markup Language) 作用:搭建基础网页超文本:具有普通文本的特性,同时还可以加入图片.视频.超链接等等. 标记:即标签 ...
表单域表单标签及表单控件的使用
表单域: form:指放表单控件的区域. form:他也是一个块元素可以定义大小.<form></form> 里面可以嵌套其他属性,acion="接口地址" ...
HTML基本语法之表单标签：表单的组成，表单域，表单控件元素（表单元素），input表单元素， label标签，表单控件（表单元素）， select表单元素， textarea表单元素
文章目录表单标签表单的组成表单域常用属性: 表单控件元素(表单元素) input表单元素 label标签表单控件(表单元素) select表单元素 textarea表单元素表单元素几个总结 ...

html5新增标签——新增语义化标签、新增表单控件、多媒体

1、html5

2、新增语义化标签

3、新增表单控件

4、多媒体控件

html5新增标签——新增语义化标签、新增表单控件、多媒体相关推荐

最新文章

热门文章

html5新增标签——新增语义化标签、新增表单控件 、多媒体

1、html5

2、 新增语义化标签

3、新增表单控件

4、多媒体控件

html5新增标签——新增语义化标签、新增表单控件 、多媒体相关推荐

最新文章

热门文章

html5新增标签——新增语义化标签、新增表单控件、多媒体

2、新增语义化标签

html5新增标签——新增语义化标签、新增表单控件、多媒体相关推荐