什么是html5呢?
html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言,随后和W3C的xhtml2.0(标准)相结合,产生现在最新一代的超文本标记语言。可以简单点理解成:HTML 5 ≈ HTML+CSS 3+JS+API。
hmtl5于html的区别
我们现在web前端开发的静态网页,一般都是html4.0。同时是符合W3C的xhtml1.0规范来的。那么他们两者又有什么实质性的区别呢?
1.在文档类型声明上
html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
html5:<!doctype html>
由这两者对比可见:在文档声明上,html有很长的一段代码,并且很难记住这段代码,想必很多人都是靠工具直接生成的吧?而html5却是不同,只有简简单单的声明,这也方便人们的记忆。
2.在结构语义上
html:没有体现结构语义化的标签,我们通常都是这样来命名的<div id="header"></div>.这样表示网站的头部。
html5:在语义上却有很大的优势。提供了一些新的标签,比如:<header><article><footer>
3.标签
- <canvas>标签替代Flash
- 新增 <header> 和 <footer> 标签,语义化标签,目的是给搜索引擎用的。
- 新增 <section> 和 <article> 标签,有利于清晰化网页的结构,更有利于SEO。
- 新增 <menu> 和 <figure> 标签
- 新增 <audio> 和 <video> 标签,这两个标签是用来播放音频和视频的。
- 全新的表单
- 删除 <b> 和 <font> 标签
- 删除 <frame>, <center>, <big> 标签
HTML5的相关内容
定义:它是W3C与WHATWG(网页超文本应用结束基础工作小组)合作的结果
HTML(超文本标记语言)
标记:<> </> hr、br、input 都为空标记
元素:html、head、body、body中有块级元素和内嵌元素
属性:class、id、style、title
width = X% :指代页面宽度为父级元素的X%
target = "_blank" 跳转到新页面
iframe 链接到本页面显示
"+" 紧挨着的兄弟元素
">" 子类元素,必须是儿子
"~" 包括下面的所有亲兄弟元素
P 元素当中不允许书写行级元素
设置字体的em单位,相对于M的大小
HTML5所支持的功能
- 1.强化了Web的表现性
- ——支持网页多媒体
- ——提供Canvas
- ——三维、图形及特效
- 2.支持语义化标签
- 3.新的表单标签
- 4.增加离线本地存储
参考资料
https://blog.csdn.net/actionActivity/article/details/53708282