HTML、HTML5、H5?

一、概念及发展史

1.概念

HTML:超文本标记语言 (Hyper Text Markup Language)

 www万维网的描述性语言。

HTML5HTML的第五次重大修改(第5个版本)

W3C 与 WHATWG网页超文本应用技术工作小组合作的结果。

2.发展史

HTML、HTML5、H5?_第1张图片

二、HTML5

1.特性

1、更简单,但是在实际开发中要注意书写规范,利于后期维护

2、标签的语义化

扩展:语义化的重要性:
  ① 当页面加载失败的时候,还能够呈现出清晰的结构
  ② 有利于SEO优化,利于被搜索引擎收录(即便于网络爬虫的识别)
  ③ 在项目开发及维护时,语义化的也很大程度上降低开发难度,节省成本

3、语法更宽松

4、多设备跨平台

5、自适应网页设计

2.支持的浏览器

HTML、HTML5、H5?_第2张图片

 传统web浏览器之间的兼容性很低,容易出现一个html页面在某个浏览器正常显示但是换一个浏览器就会出现各种问题的情况;但是html5很好的解决了这个问题,它要求各浏览器内部功能都要符合一个通用标准。

三、HTML与HTML5的区别

  1. 文档类型声明

      HTML、HTML5、H5?_第3张图片

     2.结构语义

       html4.0:没有体现结构语义化的标签

       html5:在语义上却有很大的优势。提供了一些新的html5标签

       HTML、HTML5、H5?_第4张图片

HTML5前的写法

     HTML、HTML5、H5?_第5张图片

HTML5后的写法

      HTML、HTML5、H5?_第6张图片

3.绘图区别

HTML:指可伸缩矢量图形,用于定义网络的基于矢量的图形。

HTML5:HTML5的canvas元素使用脚本(通常使用JavaScript)在网页上绘制图像,可以控制画布每一个像素。

4.其他

    1.废除了部分元素;

         basefont,big,center,font, s,strike,tt,u等;

     2.新增表单元素

        email,Url,number,range,date, month, week, time, datetime, datetime-local,search,color

     3.新增全局属性

        meta、lang、等

四、H5?HTML5?

H5即是HTML5,但是很多人口中的

H5 是一个产品名词,是所有前端知识的集合,他是一个统称;

HTML5是一个技术名词,不是一项技术,而是一个标准;

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran

 

你可能感兴趣的:(HTML、HTML5、H5?)