兼容性问题

创建一个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. LaTeX手动安装宏包（package）以及生成帮助文档的整套流程

    注意:版权所有,转载请注明出处. 我使用的是ctex套装,本来已经自带了许多package,但是有时候还是需要使用一些没有预装的宏包,这时就需要自己安装package了.下载package可以从CTA ...

  2. tabhost中activity跳转动画不显示的解决办法

    [1]如果是tabhost中的activity跳到其他的activity,用这篇blog的方法即可 http://blog.sina.com.cn/s/blog_8db8914301010t31.ht ...

  3. VMware workstation12 pro安装Ubuntu14.04LTS过程笔记

    由于近期需要加强自己在Linux/C++编程方面的需要,把原来的CentOS6.5格了....在windows8.1系统上重新安装了VMware和Ubuntu... VMware安装Ubuntu的过程 ...

  4. 不同车型 不同起步价不同费用的问题（switch语句）

    #include "stdio.h" #include "math.h" main() { int a; float meet,b; printf(" ...

  5. 【Java】集合_Collections_学习记录

    一.Collections工具类概述 1.为List.Set.Map等集合提供大量方法对集合元素进行排序.查询和修改等操作. 2.将集合对象设置为不可变. 3.对集合对象实现同步控制等. 二.排序操作 ...

  6. ELK初学搭建(elasticsearch)

    ELK初学搭建(elasticsearch) elasticsearch logstash kibana ELK初学搭建 elasticsearch 1.环境准备 centos6.8_64 mini ...

  7. Android RecyclerView使用（一）

    RecyclerView一种可以替换掉listview gridview 瀑布流等控件的新视图控件,控制视图回收和复用 ==优化内存可以替换listview 与listview的不同之处是:listv ...

  8. 移植opencv库到zedboard（制作运行库镜像） 分类： OpenCV ZedBoard ubuntu shell Eye_Detection 2014-11-08 18:48 172人阅读 评论(0) 收藏

    主要参考rainysky的博客 http://ledage.eefocus.com/sj229335457/blog/13-06/295352_ad954.html opencv的话只需要将lib这个 ...

  9. Qt c++11

    借助 Qt 5 的信号槽语法,我们可以将一个对象的信号连接到 Lambda 表达式,例如:     1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 // !!! Q ...

  10. 一个Web Project引用多个Java Project在Eclipse下的配置--转载

    项目结构: 项目由一个Web Project和多个Java Project构成,Web Project需要引用其它Java Project的类和Jar包.开发时用Eclipse3.5和Tomcat调试 ...