码迷,mamicode.com
首页 > Web开发 > 详细

HTML5简介

时间:2016-06-15 22:23:03      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:

HTML5简介

2016年6月15日 星期三

11:46

HTML5是新一代HTML,HTML标记在HTML5中都可以用

目前应用在手机端,PC 端最新浏览器开始支持

HTML5由W3C和WHATWG 合作的结果

W3C 是万维网联盟,主要制作各种互联网标准的国际组织

WHATWG应用程序工作组,是由FIRFOX  CHROME  苹果 SAFARI  IE 等浏览器公司

成立了一个机构。主要面向应用程序的完善和开发/表单的扩展完善。

特点

  • 更简单
  • 标签语义化
  • 语法更宽松
  • 多设备跨平台
  • 自适应网页设计

 

 

 

 

在HTML5中使用<video>标记中,直接播放视频。

如<input type="email"  name="email"/>  邮箱验证

<input type ="color" name="color"/>  调试器面板

<input type="date" name="date"/>  日历

 

文档类型定义

XHTML1.0文档类型定义有三种:过渡型,严格型,框架型

HTML 5中的文档类型定义  <!DOCTYPE html>

网页字符集设置

<meta charset="utf-8">

页面结构标记:

<header></header> :网页头部

<nav></nav>:导航栏

<footer></footer> 页脚

文章相关标记

  • <article> 代表一篇文章
  • <aside>:侧边栏
  • <section>:区块,用于排版网页,功能和<DIV>一样
  • <details>:一个标题的简介
  • <summary>:标题的内容,与上面标记配合使用。

音频标记

  • 语法格式:<audio>对不起,你的浏览器不支持audio元素</audio>
  • 常用属性
    • controls:是否显示控制面板
    • autoplay:ss是否自动开始
    • src:播放文件路径   MP3  ogg  wav
    • loop:是否循环

视频标记属性

语法格式:<vedio>对不起,你的浏览器不支持vedio!</vedio>

常用属性

  • Controls:是否显示控制面板
  • autoplay:是否自动开始
  • src:视频路径,支持的文件格式:ogg 。MP4
  • loop:是否循环
  • Width:播放界面的宽度
  • height:高度
  • poster:第一帧的画面,默认的视频的第一帧。

表单中新增属性

  • autocomplete:自动完成,on   off
  • autofocus:自动获得焦点。

 

HTML5简介

标签:

原文地址:http://www.cnblogs.com/black-humor/p/5588926.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!