html5新特性和新标签?html新增元素
大家好,今天来为大家解答html5新特性和新标签这个问题的一些问题点,包括html新增元素也一样很多人还不知道,因此呢,今天就来为大家分析分析,现在让我们一起来看看吧!如果解决了您的问题,还望您关注下本站哦,谢谢~
html5有哪些新特性
html5新特性有哪些
1.语义化标签
对比之前HTML没有体现结构语义化的标签,如:
<div id="header"></div>//表头的声明
HTML5提供语义化标签,如:
<header><article><footer><nav><aside><section>等
2.增强型表单
多个新的表单 Input输入类型,如:
color,url,date等
这些新特性提供了更好的输入控制和验证。
新增表单元素,如:
<output>,用于用于不同类型的输出,比如计算或脚本输出。
新增表单属性,如:
placehoder属性,简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示,在用户输入后消失。
required属性,是一个 boolean属性。要求填写的输入域不能为空
pattern属性,描述了一个正则表达式用于验证<input>元素的值。
min和 max属性,设置元素最小值与最大值。
step属性,为输入域规定合法的数字间隔。
height和 width属性,用于 image类型的<input>标签的图像高度和宽度。
autofocus属性,是一个 boolean属性。规定在页面加载时,域自动地获得焦点。
multiple属性,是一个 boolean属性。规定<input>元素中可选择多个值。
3.新增视频<video>和音频<audio>标签
<video><video src="/i/movie.ogg" controls="controls">
your browser does not support the video tag
</video>
<audio>
<audio src="someaudio.wav">您的浏览器不支持 audio标签。</audio>
4.Canvas绘图
5.SVG绘图
6.地理定位
7.拖放API
8.Web Worker
9.Web Storage
10.WebSocket
Html5新增的标签有哪些
新增的结构标签:
1、header元素
表示页面中一个内容区块或真个页面的标题。
2、hgroup元素
表示对真个页面或页面中的一个内容区块的标题进行组合。
3、article元素
表示页面中一块与上下文不相关的独立内容。比如一篇文章。
4、aside元素
表示article元素内容之外的、与article元素内容相关的辅助信息。
5、footer元素
表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。
html5新增的标签有什么
新增的结构标签:
1、header元素
表示页面中一个区块或真个页面的标题。
2、内hgroup元素
表示对真个页面或页面中的容一个内容区块的标题进行组合。
3、article元素
表示页面中一块与上下文不相关的独立内容。比如一篇文章。
4、aside元素
表示article元素内容之外的、与article元素内容相关的辅助信息。
5、footer元素
表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。
HTML5新规则:
新特性应该基于 HTML、CSS、DOM以及 JavaScript。减少对外部插件的需求(比如 Flash),更优秀的错误处理,更多取代脚本的标记,HTML5应该独立于设备开发进程应对公众透明;
HTML5新特性:
新的特殊内容元素,比如 article、footer等,新的表单控件,比如 calendar、date、time、email、url、search;用于媒介回放的 video和 audio元素;用于绘画的 canvas元素
对本地离线存储的更好的支持。
OK,本文到此结束,希望对大家有所帮助。