HTML5新增的标签及属性

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Hero4399/article/details/75508291

HTML5新增标签及属性

一、<header></header>:作用是用来定义网页的头部

二、<nav></nav>:作用是用来定义网页的导航

三、<footer></footer>:作用是用来定义网页的页脚

四、<aside></aside>:作用是用来定义页面中的侧栏

五、<article></article>:作用是用来定义具有独立性的文章

六、<section></section>:作用是用来定义页面中的不同章节

七、电子邮箱:<input  type=”email” name=”表单元素名称”>,注意它会自动校验

八、网址:<input   type=”url” name=”表单元素名称”>,注意它会自动校验

九、电话号码:<input   type=”tel” name=”表单元素名称”>

十、数量:<input  type=”number” name=”表单元素名称”>包含如下常见属性

1.     min:最小值

2.     max:最大值

3.     step:步长

十一、    数量2:<input type=”range”  name=”表单元素名称”>包含如下常见属性

1.     min:最小值

2.     max:最大值

3.     step:步长

十二、    搜索框:<input  type=”search”  name=”表单元素名称”>

十三、    日期和时间:<input  type=”datetime-local”  name=“表单元素名称”>

十四、    日期:<input  type=”date”  name=””>

十五、    时间:<input   type=”time”  name=””>

十六、    年月:<input  type=”month”  name=””>

十七、    年周:<input  type=”week”  name=””>

十八、    <optgroup></optgroup>:作用是对option进行分组,包含label属性,属性的作用是设置分组名称,格式如下

十九、    <datalist></datalist>标签:作用是设计可以具有选项的文本框,使用步骤如下

二十、    <button></button>按钮:可以具有提交,重置、普通按钮的功能,可以结合type属性使用,属性值为submit、reset、button

二十一、         <details></details>标签:用来设置文档中的具有描述性的详细信息,常和summary标签结合使用,summary标签的作用是设置标题,格式如下

二十二、         <video></video>标签:作用是在文档中插入视频文件,常用属性为width、height、controls、src、autoplay、loop、poster(视频正在下载时显示的图像),注意该标签支持如下格式的视频文件MP4、WebM、Ogg

1.     src:设置视频文件所在路径,必须属性

2.     width:

3.     height:

4.     controls:设置控制面板

5.     autoplay:自动放映

6.     loop:循环放映

7.     poster:视频在加载完成前的图像

二十三、         <audio></audio>标签:设置音频,属性为controls、loop、autoplay、src,格式为MP3、Wav、Ogg

展开阅读全文

没有更多推荐了,返回首页