HTML5的学习包含html+css3+javascript+API
标准的改变--不是SGML和XML
1、HTML5中并不是定义为SGML或XML的应用程序
2、在HTML5中;并不存在有效性检查,取而代之的是用来规范检测规范的一致性、
3、HTML5的DTD声明不需要使用DTD文件
4、拥有十分松散的编写手法,但不是每一底线
松散的语法:
不允许写结束符的标签
area、base、br、col、command、Embed、hr、img、
input、keygen、link、meta、param、source、Track、
wbr
可以Q省略结束标签:
li、dt、dd、p、rt、optgroup、option、Colgroup、thread、
tbody、tr、td、th
可以完全省略的标签
html、head、body、colroup、tbody
目前支持HTML5的浏览器有:
IE9+ Firefox Opear safair chorme
猎豹 UC 遨游 海豚 百度
HTML5的学习网站
http://www.html5cn.org
http://www.html5china.com
http:www.mhtml5.com
HTML标签的改变
1、新的文档类型声明DTD
HTML5的DTD声明为<!doctype html>不区分到大小写
、
新增的HTML5标签-结构标签
结构标签(块元素)有意义的div
<artcicle>标记定义一篇文章
<header>标记定义一个页面或一个区域的头部
<nav>标记定义导航链接
<section>标签定义一个区域
<aside>标记定义页面内容部分的侧边栏
<hgroup>标记定义文件中一个区块的相关信息
<figure>标记定义一组媒体内容以及它们的标题
<figcaption>标记定义figure元素标题
<footer>标记定义一个页面或一个区域的底部
<dialog>标记定义一个对话框类似微信
新的结构标签带来的是网页布局的改变及提升对搜索引擎的友好
新增的多媒的标签
<video>定义一个视频
<audio>定义一个音频内容
<source>定义媒体资源
<canvas>定义图片
<embed>定义外部的可交互的内容或插件 如flash
HTML5的多媒体标签的出现意味着多媒体的发展以及支持不使用插件的情况下即可操作媒体文件,极大地提升了用户体验
web应用标签
<menu>命令列表
<menuitem>menu命令列表标签FF(嵌入系统)
<command>menu标签定义一个命令按钮
<meter>状态标签 如:显示 温度 气压 ex:<meter max=100 min=0 value=20 low=30 high=80
<progress>状态标签 如:安装 加载状态
<datalist>为input标签定义一个下拉列表,配合option F O
<details>标签定义一个元素的;详细内容 配合 dt dd C
其他标签
注释标签
<ruby>定义 ;注释或音标
<rp>告诉那些不支持ruby元素的浏览器如何去显示
<rt>定义对ruby的知识内容文本
ex:<ruby>习<rp>(</rp><rt>xi</rt><rp>)</rp></</ruby>
其他标签
<keygen>定义表单里一个生成的键值(加密信息转送)O F
<mark>定义有标记的文本(黄色选中状态)
<outout>定义一些输出类型,计算结果配合oninput事件
删除的HTML标签
纯表现元素:
basefont big center font s strike tt u
对可用性产生负面影响的元素
frame frameset noframe
产生混淆的元素
acronym applet isindex dir
HTML音视频标签介绍
HTML5在完全脱离插件的情况下播放音视频,但是不是所有的格式都支持
HTML5支持的视频格式:
Ogg=带有Theora视频编码+Vorbis音频编码的Ogg文件,支持的浏览器有:Firefox chrome Opear
MEPG4=带有H.246视频编码+AAC视频编码的MPEG4文件,支持的浏览器有safair chrome
WebM=带有VP8视频编码+Vorbis音频编码的WebM音频编码的WebM格式,支持的浏览器有ie firefox chrome Opear
Video的使用
<video src="文件地址" controls="controls" ></video>
<video src="文件地址" controls=“controls”>
您的浏览器暂不支持video视频播放
</video>
<video width="300" controls="controls">
<source src="move.ogg" type="video/ogg">
<source src="move.mp4" type="video/mp4">
您的浏览器不支持video标签视频播放
</video>