HTML5与HTML4区别

什么是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

https://blog.csdn.net/shangirl/article/details/52099037

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注