HTML中的语义标签,HTML5跟HTML有哪些区别?

作为前端开发的技术人员,必须掌握的技术之一就是Html,其他技术如Css,JavaScript,JQuery等等都是基于Html的,那么Html和今天我们耳熟能详的Html5究竟有什么区别,或者说Html怎么发展到Html5的呢?下面一起了解一下Html5和Html的区别吧!

一、什么是Html

HTMl(HyperText Markup Language): 超文本标记语言,一种纯文本类型的语言。

特点有:

1、可以用来设计网页的标记语言;

2、用该语言编写的文件,以.html或者.htm为后缀;

3、由浏览器解释执行;

4、HTML表面上,可以嵌套用脚本语言编写的程序段,如:VBScript,JavaScript

与第一个纯文本的页面相比,Html页面引入了标签的概念,也是说,Html是文本+标签的形式。

二、什么是HTML5

Html5广义上来说包含了html5、css和JavaScript三个部分,不仅仅是根据第一印象的html5,html5让网页制作从布局到细节处理都更加的灵活,可以创建更好的网页结构,拥有更加丰富的标签,对媒体播放、编辑、存储等有更好的支持方式,兼容性更强。

三、HTML和HTML5的相同点

1、都是网页的基础,用来构建Web页面的“骨架”2、具有基本相同的标签,如div,form,p等等

四、HTML和HTML5的不相同点

1、 各个浏览器对HTML5的渲染或支持程度不同,但对HTML的支持或渲染已经很稳定 2、 html5正在发展,相当于于html的升级版本3、 html5用户可以编辑网页的部分内容4 、html5中元素可以使图像脚本更灵活5 、html5中 新的API让页面程序开发更简单6 、 html5改进页面表单操作 7 、html5新增加了很多新的标签,如footer等

五、hmtl5于html的区别

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:没有体现结构语义化的标签,我们通常都是这样来命名的< id=”header”> .这样表示网站的头部。

html5:在语义上却有很大的优势。提供了一些新的标签,比如:< header> < articale> < footer>

虽然在前几年html5已经出来了,但是那时候因为不够成熟,时机不对,才没被兴起。在这互联网高速发展的时候,也是来临4G的时代。正是学习HTML5的好时机,我们还不学习hml5就out了!

作用:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。< section> 标签是 HTML 5 中的新标签。(注释:所有浏览器都支持 < section> 标签)

超文本标记语言(外国语简称:HTML)标记标签通常被称为html标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。