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介绍

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180916A04JTV00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券