兼容性问题

创建一个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. 为xampp 安装pear db (database) 模块

    pear channel-update pear.php.netpear install db

  2. 如何高性能的给UIImageView加个圆角?(不准说layer.cornerRadius!)

    豆电雨 搬砖自味精:http://awhisper.github.io/2016/03/12/滚动圆角卡顿刨根问底/ 使用Quartz2D直接绘制图片 步骤:  a.创建目标大小(cropWidth, ...

  3. Java菜鸟学习笔记--数组篇(二):数组实例&args实例

    基本类型实例 //1.定义一个一维数组,先声明,在分配空间 int []number;//生命,没有初始化,number=null number=new int[5];//初始化为默认值,int默认值 ...

  4. UVA 10106 (13.08.02)

     Product  The Problem The problem is to multiply two integers X, Y. (0<=X,Y<10250) The Input T ...

  5. request.setAttribute()用法

    小问题: JSP1代码 String [] test=new String[2]; test[0]="1"; test[1]="2"; request.setA ...

  6. js 传参数

    引用js实现传参数,然后在js文件里面动态加载东西,比如传递参数然后动态加载皮肤颜色,而我为了实现多语言,一般人家传递参数是为了区分版本用的还有清除js缓存问. <script src=&quo ...

  7. Java语言基础(六)

    Java语言基础(六) 前一章提到的, BigDecimal, DecimalFormat等具体用法,这里就不在说了,网上有许多 一.下面让我们看一个例子(自由落体运动位移) 说明: (1).公式是 ...

  8. 10.31 morning

    NP(np)Time Limit:1000ms Memory Limit:64MB题目描述LYK 喜欢研究一些比较困难的问题,比如 np 问题.这次它又遇到一个棘手的 np 问题.问题是这个样子的:有 ...

  9. jetty运行maven程序(修改及时生效,不需要重启jetty程序)

    jetty:run -Djetty:port=9999

  10. 实现HTTP跳转到HTTPS

    1 首先在您的网站下新建一个站点,名称随意,在属性中分配TCP端口为80,SSL不分配 然后在属性>主目录下配置 将此资源的内容来自: 改为 重定向到URL 然后重定向到中  输入:  HTTP ...