w3cschool-Html

发表于 | 分类于 ，

html

  • 不能将 <body>``</body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的<noframes>标签，就必须将这段文字嵌套于 <body>``</body>标签内。（在下面的第一个实例中，可以查看它是如何实现的。）

  • 如果要正确地被提交，每个输入字段必须设置一个 name 属性。

  • autocomplete 属性。注意，表单的自动完成功能是打开的，但是 e-mail 字段的自动完成功能是关闭的。

html5

  • 越来越多的站点开始使用 HTML5 标签。但情况是还有很多人在使用IE6，IE7，IE8。为了让所有网站浏览者都能正常的访问网站，比较好的解决方案是html5shiv.所以只需要在页面head中添加如下代码即可：
1
2
3
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5shiv.js"></script>
<![endif]-->
  • 在 HTML5 中，关闭空元素是可选的。斜杠（/）在 XHTML 和 XML 中是必需的。
1
<meta charset="utf-8" />
  • HTML5 web存储。sessionStorage 对象等同 localStorage 对象，不同之处在于只对一个 session 存储数据。如果用户关闭具体的浏览器标签页，数据也会被删除。

省略 <head>？

  • 在 HTML5 标准中， 标签也能够被省略。默认地，浏览器会把 之前的所有元素添加到默认的 元素。通过省略 标签，您能够降低 HTML 的复杂性.

object

  • 最好的 HTML 解决方法：HTML 5 + <object> + <embed>
1
2
3
4
5
6
7
8
<video width="320" height="240" controls="controls"><br/>
     <source src="movie.mp4" type="video/mp4" /><br/>
     <source src="movie.ogg" type="video/ogg" /><br/>
     <source src="movie.webm" type="video/webm" /><br/>
     <object data="movie.mp4" width="320" height="240"><br/>
     <embed src="movie.swf" width="320" height="240" /><br/>
     </object><br/>
   </video>

  • 功能：object标签用于定义一个嵌入的多媒体对象。

  • 语法：<object>...</object>

  • object元素用于向页面添加多媒体对象，包括Flash、音频、视频等。它规定了对象的数据和参数，以及可用来显示和操作数据的代码。

  • <object>与</object>之间的文本是替换文本，如果用户的浏览器不支持此标签会显示这些文本。

  • object元素中一般会包含<param>标签，<param>标签可用来定义播放参数。

  • <object>和<embed>标签的区别：两者都是用来播放多媒体文件的对象，object元素用于IE浏览器，embed元素用于非IE浏览器，为了保证兼容性，通常我们同时使用两个元素，浏览器会自动忽略它不支持的标签。同时使用两个元素时，应该把<embed>标签放在<object>标签的内部。