HTML5简介

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：自动获得焦点。

 

posted @ 2016-06-15 21:15  黑默  阅读(474)  评论(0)    收藏  举报