html5常用的特性,HTML5的常用新特性你必须知道

HTML5的常用新特性你必须知道

1 新的 声明

HTML 有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 的用处。 不是 HTML 标签。它为浏览器提供一项信息(声明)，即 HTML 是用什么版本编写的。

1.1 常用的声明

HTML5

HTML 4.01 混杂模式(该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。)

/p>

"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 严格模式(该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。)

2 Figure元素

figure 标签规定独立的流内容(图像、图表、照片、代码等等)。figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

黄浦江上的的卢浦大桥

拍摄者：W3School 项目组，拍摄时间：2010 年 10 月

3 重新定义的small

small 标签呈现小号字体效果。

small 标签和它所对应的 big 标签一样，但它是缩小字体而不是放大。如果被包围的字体已经是字体模型所支持的最小字号，那么 small 标签将不起任何作用。

与 big 标签类似，small 标签也可以嵌套，从而连续地把文字缩小。每个 small 标签都把文本的字体变小一号，直到达到下限的一号字。

4 Local Storage

使用Local Storage可以永久存储大的数据片段在客户端(除非主动删除)，目前大部分浏览器已经支持，在使用之前可以检测一下window.localStorage是否存在

5 html5表单新特性

5.1 autofocus 属性

autofocus 属性规定在页面加载时，域自动地获得焦点。

注释：autofocus 属性适用于所有 input 标签的类型。

User name:

5.2 form 属性

form 属性规定输入域所属的一个或多个表单。

注释：form 属性适用于所有 input 标签的类型。

form 属性必须引用所属表单的 id：

First name:

Last name:

5.3 height 和 width 属性

height 和 width 属性规定用于 image 类型的 input 标签的图像高度和宽度。

注释：height 和 width 属性只适用于 image 类型的 input 标签。

5.4 placeholder 属性

placeholder 属性提供一种提示(hint)，描述输入域所期待的值。

注释：placeholder 属性适用于以下类型的 input 标签：text, search, url, telephone, email 以及 password。

提示(hint)会在输入域为空时显示出现，会在输入域获得焦点时消失：

6 Audio支持

HTML5提供了audio 标签，你不需要再按照第三方插件来渲染音频，大多数现代浏览器提供了对于HTML5 Audio的支持，不过目前仍旧需要提供一些兼容处理，如

Download this file.

7 Mark元素

把 mark 元素看做是高亮的作用，当我选择一段文字的时候，javascript对于HTML的markup效果应该是这样的：

Search Results

They were interrupted, just after Quato said, ”Open your Mind”.

ES6常用新特性

https://segmentfault.com/a/1190000011976770?share_user=1030000010776722 该文章为转载文章!仅个人喜好收藏文章! 1.前言 前几天 ...

es6/es7/es8常用新特性总结(超实用)

本文标题有误导性,因为我其实想写node8的新特性,说实话一下子从node v1.x跳跃到node 8.x+ 真有点受宠若惊的感觉.一直觉得node 数组. 对象.序列等的处理没有python方便,因 ...

Java8常用新特性实践

前言: 时下Oracle开速迭代的Java社区以即将推出Java10,但尴尬的是不少小中企业仍使用JDK7甚至JDK6开发. 从上面列出的JDK8特性中我们可以发现Java8的部分特性很明显的是从Sc ...

ES6、7、8常用新特性总结(超实用)

ES6常用新特性 1. let && const let 命令也用于变量声明,但是作用域为局部 { let a = 10; var b = 1; } 在函数外部可以获取到b,获取不到a ...

常用的HTML5、CSS3新特性能力检测写法

伴随着今年10月底HTML5标准版的发布,未来使用H5的场景会越来越多,这是令web开发者欢欣鼓舞的事情.然而有一个现实我们不得不看清,那就是IE系列浏览器还占有一大部分市场份额,以IE8.9为主,w ...

HTML5和CSS3新特性一览

HTML5 1.HTML5 新元素 HTML5提供了新的元素来创建更好的页面结构: 标签 描述 定义页面独立的内容区域. 定义页面的侧边栏内 ...

HTML5 中的新特性：

一,用于绘画的 canvas 元素,标签替代Flash Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件.标签 ...

html4与html5的区别及html5的一些新特性

区别 1.html5语法的改变 HTML5简化了很多细微的语法,例如: 1.1doctype的声明; html4: /p>

HTML5，CSS3新特性，与旧版的区别

HTML5新特性 (1)语意化更好的内容元素,比如 article.footer.header.nav.section (2)本地存储.sessionStorage.localStorage和inde ...

随机推荐

关于WM_GETTEXT的应用

HWND hw = ::FindWindow(NULL,"Form1"); HWND hw2 = ::FindWindowEx(hw,NULL,NULL,NULL); int le ...

【转】What is an SDET

What is an SDET? SDET stands for Software Development Engineer in Test (or Software Design Engineer ...

JQuery遍历方法$.each输出函数

each()方法能使DOM循环结构简洁,不容易出错.each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组.多维数组.DOM, JSON 等等在javaScript开发过程中使用$ ...

BZOJ2434 [Noi2011]阿狸的打字机(AC自动机 + fail树 + DFS序 + 线段树)

题目这么说的: 阿狸喜欢收藏各种稀奇古怪的东西,最近他淘到一台老式的打字机.打字机上只有28个按键,分别印有26个小写英文字母和'B'.'P'两个字母.经阿狸研究发现,这个打字机是这样工作的: 输入小 ...

当table中的td内容过多，显示不完全，用省略号表示。

.format{ min-width:100px; max-width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellips ...

Multiply game_线段树

Problem Description Tired of playing computer games, alpc23 is planning to play a game on numbers. B ...

[转]linux中强大的screen命令

[转]linux中强大的screen命令 http://pythonorg.diandian.com/post/2012-01-05/40027464147 今天用SCREEN用点生了,有几个功能不知 ...

uoj #58. 【WC2013】糖果公园(树上莫队算法+修改操作)

[题目链接] http://uoj.ac/problem/58 [题意] 有一棵树,结点有自己的颜色,若干询问:u,v路径上的获益,并提供修改颜色的操作. 其中获益定义为Vc*W1+Vc*W2+…+V ...

view, surfaceView, invalidate, postInvalidate, 刷新屏幕

http://blog.csdn.net/linghu_java/article/details/9985489 1.view view在api中的结构 Java.lang.Object Androi ...

《Apache之虚拟主机的配置》——RHEL6.3

1.安装httpd软件包: Yum install httpd 2.启动apache服务: [root@redhat Desktop]# /etc/init.d/httpd start Startin ...