htm5

htm5在html4.0、 xhtm1.0的基础上增加了音频、视频、拖拽等功能,不过,htmL5,还在完善中,不过大部分浏览器都已经支持了部分功能。

兼容性:

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

header标签定义文档的页眉。

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

footer 标签定义页脚。

它们和之前的DIV差不多,但是这样更加有利于搜索引擎搜索到。

article定义标签定义独立的内容 

<article>

<a href="http://www.apple.com">Safari 5 released</a><br /   7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC,    Apple announced the release of Safari 5 for Windows and Mac......

</article>

section标签定义文档中的节 

<section>

<h1>PRC</h

<p>The People‘s Republic of China was born in 1949...</p>

</section>

datalist 定义下拉列表,必须加上input

<input type="text" list="cars" />
<datalist id="cars">
  <option >1</option>
  <option >2</option>
  <option >3</option>
</datalist>

progress 表示下载进度

<progress max="100" value="50"></progress>

<time> 标签定义公历的时间

<p>我们在每天早上 <time>9:00</time> 开始营业。</p>

audio定义音频
<audio src="someaudio.wav">
您的浏览器不支持 audio 标签。
</audio>

如果不支持,则显示里面的内容

video标签定义视频

<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。
</video>

如果不支持,则显示里面的内容

HTML5 的新的表单属性

autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。

E-mail: <input type="email" name="email"/>
自动实现邮箱的验证

required 属性规定必须在提交之前填写输入域(不能为空)。

Name: <input type="text" name="usr_name" required="required" />

placeholder 属性提供一种提示,输入域所期待的值。获得焦点后,消失。<input type="search" name="user_search"  placeholder="Search W3School" />

autofocus 属性规定在页面加载时,域自动地获得焦点。(程序最先出现的,执行最先出现的。)User name: <input type="text" name="user_name"  autofocus="autofocus" />

novalidate 属性规定在提交表单时不应该验证 form 或 input 域。 <form action="demo_form.asp" method="get" novalidate="true">
    E-mail: <input type="email" name="user_email" />
    <input type="submit" />
    </form>

pattern属性规定用于验证 input 域的模式


表示只能输入A-z,只能是3位数。
    Country code: <input type="text" name="country_code"
     pattern="[A-z]{3}" title="Three letter country code" />

在购物车,添加数量的时候,可以用到添加、减少数量
    name:<input type="number" min="1" max="10"/>
时间: 2025-01-03 18:53:11

htm5的相关文章

HTM5制作的闹钟

HTML5出来很久了一直没好好研究过,今天找视频看了,研究了一下,制作了一个闹钟. 效果图如下 <div> <canvas id="Clock" width="500" height="500">your broswer can not see the clock </canvas> <script> var clock = document.getElementById("Clock&q

htm5拖放和画布

拖放 拖放是一种常见的特性,即抓取对象以后拖到另一个位置. 在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放. 首先,为了使元素可拖动,把 draggable 属性设置为 true ondragover 事件规定在何处放置被拖动的数据. 当放置被拖数据时,会发生 drop 事件. <!DOCTYPE html><html><head>   <meta charset="utf-8">   <title></ti

springmvc mybaits mysql oracle shiro ehcache HTM5 bootstrap 全部源码 微信远程控制

开发快报: 页面打印功能,websocket 强制下线功能,玩转websocket技术  [金牌]获取[下载地址]   QQ: 313596790A 代码生成器(开发利器);     增删改查的处理类,service层,mybatis的xml,SQL( mysql   和oracle)脚本,   jsp页面 都生成   就不用写搬砖的代码了,生成的放到项目里,可以直接运行B 阿里巴巴数据库连接池druid;  数据库连接池  阿里巴巴的 druid.Druid在监控.可扩展性.稳定性和性能方面都

【集成代码生成器】springmvc mybaits mysql oracle shiro ehcache HTM5 bootstrap 全部开源

获取[下载地址]   QQ: 313596790   [免费支持更新]A 代码生成器(开发利器);全部是源码     增删改查的处理类,service层,mybatis的xml,SQL( mysql   和oracle)脚本,   jsp页面 都生成   就不用写搬砖的代码了,生成的放到项目里,可以直接运行B 阿里巴巴数据库连接池druid;  数据库连接池  阿里巴巴的 druid.Druid在监控.可扩展性.稳定性和性能方面都有明显的优势C 安全权限框架shiro ;  Shiro 是一个用

【集成代码生成器】springmvc mybaits mysql oracle shiro ehcache HTM5 bootstrap 后台框架源码

获取[下载地址]   QQ: 313596790   [免费支持更新]A 代码生成器(开发利器);全部是源码     增删改查的处理类,service层,mybatis的xml,SQL( mysql   和oracle)脚本,   jsp页面 都生成   就不用写搬砖的代码了,生成的放到项目里,可以直接运行B 阿里巴巴数据库连接池druid;  数据库连接池  阿里巴巴的 druid.Druid在监控.可扩展性.稳定性和性能方面都有明显的优势C 安全权限框架shiro ;  Shiro 是一个用

springmvc mybaits mysql oracle shiro ehcache HTM5 bootstrap 全部源码

获取[下载地址]   QQ: 313596790A 代码生成器(开发利器);     增删改查的处理类,service层,mybatis的xml,SQL( mysql   和oracle)脚本,   jsp页面 都生成   就不用写搬砖的代码了,生成的放到项目里,可以直接运行B 阿里巴巴数据库连接池druid;  数据库连接池  阿里巴巴的 druid.Druid在监控.可扩展性.稳定性和性能方面都有明显的优势C 安全权限框架shiro ;  Shiro 是一个用 Java 语言实现的框架,通过

springmvc mybaits mysql oracle shiro ehcache HTM5 bootstrap

开发快报: 页面打印功能,websocket 强制下线功能,玩转websocket技术  [金牌]获取[下载地址]   QQ: 313596790A 代码生成器(开发利器);     增删改查的处理类,service层,mybatis的xml,SQL( mysql   和oracle)脚本,   jsp页面 都生成   就不用写搬砖的代码了,生成的放到项目里,可以直接运行B 阿里巴巴数据库连接池druid;  数据库连接池  阿里巴巴的 druid.Druid在监控.可扩展性.稳定性和性能方面都

htm5 vido.js 播放器

js统制html5 [video]标签中视频的播放和停止 需求:页面中有2个普通按钮a,b.还有一个video标签,能成功播放出视频..我想要的效果是,点击a按钮,视频开始播放,点击b按钮,视频播放停止!!!----------------------------------------------------code---------------------------------------------------------------------------<!DOCTYPE html>

【微信远程控制服务器】springmvc mybaits mysql oracle shiro ehcache HTM5 bootstrap 后台框架源码

获取[下载地址]   QQ: 313596790A 代码生成器(开发利器);     增删改查的处理类,service层,mybatis的xml,SQL( mysql   和oracle)脚本,   jsp页面 都生成   就不用写搬砖的代码了,生成的放到项目里,可以直接运行B 阿里巴巴数据库连接池druid;  数据库连接池  阿里巴巴的 druid.Druid在监控.可扩展性.稳定性和性能方面都有明显的优势C 安全权限框架shiro ;  Shiro 是一个用 Java 语言实现的框架,通过