兼容性问题

创建一个html5页面

<!DOCTYPE html>

<html>

  <head>

    <meta charset="UTF-8">

    <title></title>

  </head>

  <body>

  ......

  </body>

</html>

html5新的 (input type=类型) 元素

<input type="number" name="quantity" />

<input type="date" name="bday" />

<input type="color" name="favcolor" />

<input type="range" name="points" />

<input type="month" name="bdaymonth" />

<input type="week" name="week_year" />

<input type="datetime" name="bdaytime" />

<input type="datetime-local" name="bdaytime" />

<input type="email" name="email" />

<input type="search" name="googlesearch" />

<input type="tel" name="usrtel" />

<input type="url" name="homepage" />

html5新元素

<datalist>    标签定义可选数据的列表。

<keygen>    标签定义生成密钥。

<output>    标签定义不同类型的输出。

<article>    标签定义外部的内容。

<aside>        标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。

<details>    标签定义元素的细节，通过点击进行隐藏。

<dialog>    标签定义对话框或窗口。

<figcaption>    标签定义 figure 元素的标题。

<figure>    标签用于对元素进行组合。使用 figcaption 元素为元素组添加标题。

<footer>    标签定义 section 或 document 的页脚。

<header>    标签定义 section 或 document 的页眉。

<main>        标签定义文档的主要内容。

<meter>        标签定义度量衡。可在 min/max 属性中定义。

<nav>        标签定义导航链接的部分。

<rp>        标签定义在 ruby 注释中使用。

<rt>        标签定义字符（中文注音或字符）。

<ruby>        标签定义 ruby 注释（中文注音或字符）。

<section>    标签定义文档中的章节、页眉、页脚或文档中的其他部分。

<summary>    标签定义包含 details 元素的标题。

<time>        标签定义日期或时间。

<mark>        标签定义标记或高亮显示文本。此标签很常用，在搜索中可以高亮显示搜索关键词。

<progress>    标签运行中的进程。此标签来显示 javascript 中耗费时间的函数的进程。

--------------------------------------------------------------------------

<video>        标签定义视频。

<audio>        标签定义声音。

<source>    标签为媒介元素（<video>、<audio>）定义媒介资源。

<canvas>    标签定义图形。

本文来源：http://www.jcore.cn/2014/09/14/html5-series-base/

html5系列.基础知识的更多相关文章

  1. HTML5 Canvas基础知识

    HTML5画布 1.创建一个画布         <canvas id="myCanvas" width="200" height="100&q ...

  2. DOM系列基础知识

    DOM (Document Object Model) 即文档对象模型, 针对 HTML 和 XML 文档的 API (应用程序接口) .DOM 描绘了一个层次化的节点树,运行开发人员添加.移除和修改 ...

  3. HTML5部分基础知识

    web前端开发 一个XML的简单应用 代码如下: <?xml version="1.0" encoding="utf-8"?> <svg wi ...

  4. selenium+python自动化测试系列---基础知识篇（1、HTML基础知识1）

    1.什么是HTML HTML是一种描述网页的语言.HTML指超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言(markup language ...

  5. 前端html5/css基础知识

    https://www.cnblogs.com/clschao/articles/10073124.html

  6. ldap系列-基础知识

    来源:关键字排名 ldap 是什么? LDAP(Lightweight Directory Access Protocol)即轻量级目录访问协议,提供信息服务.那啥是目录服务呢? 目录服务是一种特殊的 ...

  7. JVM菜鸟进阶高手之路十（基础知识开场白）

    转载请注明原创出处,谢谢! 最近没有什么实战,准备把JVM知识梳理一遍,先以开发人员的交流来谈谈jvm这块的知识以及重要性,依稀记得2.3年前用solr的时候老是经常oom,提到oom大家应该都不陌生 ...

  8. 【Xamarin开发 Android 系列 4】 Android 基础知识

    原文:[Xamarin开发 Android 系列 4] Android 基础知识 什么是Android? Android一词的本义指“机器人”,同时也是Google于2007年11月5日宣布的基于Li ...

  9. .NET面试题系列[1] - .NET框架基础知识(1)

    很明显,CLS是CTS的一个子集,而且是最小的子集. - 张子阳 .NET框架基础知识(1) 参考资料: http://www.tracefact.net/CLR-and-Framework/DotN ...

随机推荐

  1. 《University Calculus》-chape8-无穷序列和无穷级数-基本极限恒等式

    基于基本的极限分析方法(诸多的无穷小以及洛必达法则),我们能够得到推导出一些表面上看不是那么显然的式子,这些极限恒等式往往会在其他的推导过程中用到,其中一个例子就是概率论中的极限定理那部分知识.

  2. 黑马程序员_<<GUI(图形用户管理)-----2>>

    --------------------ASP.Net+Android+IOS开发..Net培训.期待与您交流! -------------------- 8.对话框 对列出目录内容增加了对话框提示, ...

  3. 403. Frog Jump

    做完了终于可以吃饭了,万岁~ 假设从stone[i]无法跳到stone[i+1]: 可能是,他们之间的距离超过了stone[i]所能跳的最远距离,0 1 3 7, 从3怎么都调不到7: 也可能是,他们 ...

  4. Swift基本语法学习笔记

    Swift与OC的不同点 导入框架的方式 OC使用#import \<UIKit/UIKit.h> Swift使用import UIKit 定义标识符的方式 Swift中定义标识符,必须指 ...

  5. mac下修改mysql的默认字符集为utf8

    1,检查默认安装的mysql的字符集 mysql> show variables like '%char%'; +--------------------------+------------- ...

  6. winform设置DataGridView样式 (蓝色)

    本文转载:http://www.cnblogs.com/hailexuexi/archive/2012/04/23/2466398.html 代码: #region DataGridVeiw Styl ...

  7. Qt 学习之路：文件

    文件操作是应用程序必不可少的部分.Qt 作为一个通用开发库,提供了跨平台的文件操作能力.从本章开始,我们来了解下 Qt 的文件以及输入输出的功能,也就是 I/O 系统. Qt 通过QIODevice提 ...

  8. 如何在windows/wamp环境下在本机配置站点

    1. 在D:\wamp\bin\apache\Apache2.5.4\conf文件夹下,找到httpd.conf,使用记事bej打开它,搜索#Include conf/extra/httpd-vhos ...

  9. linux与Windows共享文件配置

    linux与Windows共享文件配置: 1.进入超级用户:$su root 2.启动tftp服务器:#netstat -a | grep tftp,出现如图所示的消息表示tftp服务器已安装成功: ...

  10. 判断浏览器是否支持FileReader

    1.js代码: //判断浏览器是否支持FileReader if (typeof FileReader == "undefined") { document.write(" ...