html5

作者: 似是懂 | 来源:发表于2019-03-27 18:12 被阅读0次

新特性:

  • 用于绘画的canvas元素
  • 用于媒介回放的video和audio元素
    对本地离线存储的更好的支持
  • 新的特殊内容元素,比如article、footer、header、nav、section
  • 新的表单控件,比如calendar、date、time、email、url、search

html5的改进

  • 新元素
  • 新属性
  • 完全支持css3
  • video和audio
  • 2d和3d制图
  • 本地存储
  • 本地SQL数据
  • web应用

语义元素

<article>  定义页面独立的内容区域
<aside>  定义页面的侧边栏内容。
<bdi>   允许您设置一段文本,使其脱离其父元素的文本方向设置。
<command>   定义命令按钮,比如单选按钮、复选框或按钮
<details>   用于描述文档或文档某个部分的细节
<dialog>    定义对话框,比如提示框
<summary>   标签包含 details 元素的标题
<figure>    规定独立的流内容(图像、图表、照片、代码等等)。
<figcaption>    定义 <figure> 元素的标题
<footer>    定义 section 或 document 的页脚。
<header>    定义了文档的头部区域
<mark>  定义带有记号的文本。
<meter> 定义度量衡。仅用于已知最大和最小值的度量。
<nav>   定义导航链接的部分。
<progress>  定义任何类型的任务的进度。
<ruby>  定义 ruby 注释(中文注音或字符)。
<rt>    定义字符(中文注音或字符)的解释或发音。
<rp>    在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
<section>   定义文档中的节(section、区段)。
<time>  定义日期或时间。
<wbr>   规定在文本中的何处适合添加换行符。

浏览器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

浏览器支持

IE6

设置 CSS 的 display 属性值为 block:

IE8及更早

使用 Sjoerd Visscher 创建的 "HTML5 Enabling JavaScript", " shiv" 来解决该问题:

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

html5新元素

<canvas>  标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API 
新媒体元素
<audio>  定义音频内容 
<video>  定义视频(video 或者 movie)
<source>  定义多媒体资源 <video> 和 <audio> 
<embed>  定义嵌入的内容,比如插件。 
<track>  为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。 
新表单元素
<datalist>  定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。


相关文章

网友评论

      本文标题:html5

      本文链接:https://www.haomeiwen.com/subject/mzktbqtx.html