php学习之html5-css3介绍！

1.html5介绍

html5将成为html、xhtml以及html dom的新标准。大部分现代浏览器已经具备了一些html5的支持。

官方概念：html5草案的前身为web-applications1.0,是作为下一代互联网标准，用于取代html4与xhtml1的新一代标准版本，所以叫html5.它增加了新的标签和属性，加强了网页的标准、语义化与web表现性能，同时还增加了本地数据库等web应用的功能

html5一般现在都在制作动画

2.html特点

更简单 ：写法更简单，如：doctype

标签语义化：所有的标记都是有意义的，如：div class=”header” header nav都变得有意义

语法更轻松：可以去掉斜杠变成

可以去掉结束标签只写开始标签

增加了强大的画布标签:必须配合js使用

一些标签不在建议使用(如：applet、font、basefont、center、dirs、strike、u等)

多设备跨平台、自适应网页设计，兼容性好：响应式、网页根据屏幕大小自动的改变页面的内容大小

2.1更简单

html5文档申明

DTD的申明改为：,比原来更加的简洁

//简化了字符集申明

2.2html5标签语义化

结构标签：（块状元素）有意义的div

标记定义一个页面或一个区域的头部

标记定义导航链接

标记定义一篇文章的内容

标记定义网页中一块区域 比如：章节 页眉页脚之类 专题效果

标记定义页面内容部分的侧边栏

标记定义文件中一个区块的相关信息

标记定义一组媒体内容以及他们的标题

标记定义figure元素的标题

标记定义一对话题类似与微信

标记定义一个页面或区域的底部

新的结构标签带来的是页面布局的改变及提升对搜索引擎的友好

2.3语法更松散

标准的改语法相对松散

不允许写结束符的标签：（单标签）area、base、br、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

可以省略结束的标记：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、dt、th

可以省略的标记：html、head、body、colgroup、tbody

html5支持松散的语法极大的兼容了编程人员的不规范代码、同时保证页面效果不同改变

html5是向下兼容的

2.4html5不在建议使用的标记和属性

html5在引入新标记的同时，废弃了不少常见元素、可分为几类

第一类：表现性元素

basefont、big、center、font、s、strike、tt、u

建议使用语法正确的元素代替他们，并使用css来确保渲染后的效果

第二类：框架类元素

因框架有很多可用性及可访问性问题，html5规范将以下元素移除：frame、frameset、noframes、但html5支持iframee

第三类：属性类

很多表现性的属性也被新规范移除，如下：

align、body标记上的link、vlink、alink、text属性/bgcolor/height和width

iframe元素上的scrolling属性/valign/hspace和vspace

table标记上的cellpadding、cellspacing和border属性

header标记上的profile属性

img和iframe元素的longdesc属性

第四类：其他

abbr取代acronym（用于表示缩写）

object取代了applet

ul取代了dir

案例：

网页标题

header我的头部标签

nav我是导航标签

article我是定义文章内容

header我是区域中的头部

section我是页眉页脚章节专题

hgroup我是定义一个区域的相关信息

figcaption我是一组媒体的标题

我是一组媒体的内容

黄浦江上的的卢浦大桥

aside我是测边框

dialog我是定义对话的，必须使用

标签定义内容

老师

2+2 等于？

学生

4

老师

答对了！

footer我是一个底部

未经允许不得转载：吾爱乐享 » php学习之html5+css3介绍