HTML5——学习笔记-W3School
Author:chemandy
HTML5
---------------------------------------------------------------------------------------
HTML5 中的一些有趣的新特性:
◇用于绘画的 canvas 元素
◇用于媒介回放的 video 和 audio 元素
◇对本地离线存储的更好的支持
◇新的特殊内容元素,比如 article、footer、header、nav、section
◇新的表单控件,比如 calendar、date、time、email、url、search
---------------------------------------------------------------------------------------
HTML 5 视频(新标签)
HTML5 规定了一种通过 video 元素来包含视频的标准方法。video元素支持三种视频格式:Ogg、MPEG 4、WebM。(属性:autoplay、controls、height、loop、preload、src、width)
---------------------------------------------------------------------------------------
HTML 5 音频(新标签)
HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio元素支持三种音频格式:Ogg Vorbis、MP3、Wav。(属性:autoplay、controls、loop、preload、src)
---------------------------------------------------------------------------------------
HTML 5 Canvas
canvas 元素用于在网页上绘制图形,使用JavaScript。
---------------------------------------------------------------------------------------
HTML 5 Web 存储
HTML5 提供了两种在客户端存储数据的新方法:
localStorage - 没有时间限制的数据存储。
sessionStorage - 针对一个 session 的数据存储(关闭浏览器数据删除)。
抛开之前使用cookie的存储方法(效率低,存储量低),HTML5使用Javascript来存储和访问(如之前的cookie)。
---------------------------------------------------------------------------------------
HTML5 Input 类型
新的Input类型:email、url、number、range、Date pickers (date, month, week, time, datetime, datetime-local)、search、color。(目前很多浏览器不支持,不支持者会显示成一个文本框)
---------------------------------------------------------------------------------------
HTML5 表单元素
新的表单元素:
datalist:datalist 元素规定输入域的选项列表。
keygen:keygen 元素的作用是提供一种验证用户的可靠方法,各浏览器不支持。
utput:output 元素用于不同类型的输出,比如计算或脚本输出。
---------------------------------------------------------------------------------------
HTML5 表单属性
新增2个form属性和11个input属性。
---------------------------------------------------------------------------------------
HTML 5中新增标签
<article>:定义外部的内容。
<aside>:定义 article 以外的内容。aside 的内容应该与 article 的内容相关。
<audio>:定义声音,比如音乐或其他音频流。
<canvas>:定义图形,比如图表和其他图像。
<command>:定义命令按钮,比如单选按钮、复选框或按钮。
<datalist>:定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
<details>:用于描述文档或文档某个部分的细节。
<embed>:定义嵌入的内容,比如插件。
<figcaption>:定义 figure 元素的标题。
<figure>:用于对元素进行组合。
<footer>:定义 section 或 document 的页脚。
<header>:定义文档的页眉(介绍信息)。
<hgroup>:用于对网页或区段(section)的标题进行组合。
<keygen>:定义生成密钥。
<mark>:定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
<meter>:定义度量衡。仅用于已知最大和最小值的度量。
<nav>:定义导航链接的部分。
<output>:定义不同类型的输出,比如脚本的输出。
<progress>:定义运行中的进度(进程)。可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度。
<rp>:在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。ruby 注释是中文注音或字符。
<rt>:定义字符(中文注音或字符)的解释或发音。
<ruby>:定义 ruby 注释(中文注音或字符)。
<section>:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<source>:为媒介元素(比如 <video> 和 <audio>)定义媒介资源。
<summary>:包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。
<time>:定义日期或时间,或者两者。
<video>:定义视频,比如电影片段或其他视频流。
---------------------------------------------------------------------------------------
HTML 5中不支持的标签
<acronym>:定义首字母缩写词,使用 <abbr> 代替。
<applet>:定义嵌入的 applet,请使用 <object> 代替。
<basefont>:定义基准字体,用 CSS 代替,可于body定义全局字体样式。
<big>:制作更大的文本,用 CSS 代替。
<center>:对其包围的文本进行水平居中处理,用 CSS 代替。
<dir>:定义目录列表,请用 CSS 代替。
<font>:规定文本的字体外观、字体尺寸和字体颜色。不要使用该元素,请使用 CSS 向元素添加样式。
<frame>:定义子窗口(框架),对网页可用性有负面影响。
<frameset>:定义框架集,对网页可用性有负面影响。
<isindex>:定义单行的输入域。
<noframes>:向浏览器显示无法处理框架的提示文本,noframes 元素位于 frameset 元素中,对网页可用性有负面影响。
<s>:定义加删除线的文本,使用 <del> 标签代替。
<strike>:定义加删除线的文本,使用css或<del>标签代替。
<tt>:定义打字机文本,使用css代替。
<u>:定义下划线文本。
<xmp>:定义预格式文本。
---------------------------------------------------------------------------------------
HTML标签扫盲
<acronym> 标签在HTML 5中不支持,使用<abbr>代替。
<abbr> 标签:定义缩写。
<area> 标签:定义图像映射中的区域,即热点的创建。
<base> 标签:为页面上的所有链接规定默认地址或默认目标。例为规定页面上所有链接的默认 URL 和默认目标<base href="http://www.w3school.com.cn/css/" target="_blank" />
<blockquote> 标签:定义摘自另一个源的块引用,cite属性指明引用来源url。
<menu> 标签:定义菜单列表。当希望列出表单控件时使用该标签。
<noscript> 标签:noscript 元素用来定义在脚本未被执行时的替代内容(文本)。此标签用于可识别 <script> 标签:但无法支持其中脚本的浏览器。