HTML5简介

Posted 黑默

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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:自动获得焦点。

 

以上是关于HTML5简介的主要内容,如果未能解决你的问题,请参考以下文章

HTML5简介

HTML5简介

01 HTML5简介

HTML5基础-简介

第零篇HTML5简介

HTML5简介