zoukankan      html  css  js  c++  java
  • 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> 标签:但无法支持其中脚本的浏览器。

  • 相关阅读:
    关于overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷等等)
    float详解
    五 使用并美化网页文本
    代码校验工具 SublimeLinter 的安装与使用
    Sublime Text3 快捷键
    word选择+快捷键
    Word1-提取图片文字
    javascript window对象属性和方法
    word教程字体和段落设置
    Word2 word输入公式+文字转表格
  • 原文地址:https://www.cnblogs.com/chemandy/p/1998115.html
Copyright © 2011-2022 走看看