HTML中的语义标签，HTML5跟HTML有哪些区别？_html标签

资料来源：网络整理时间：2023/3/4 1:01:08 共计：3598 浏览

作为前端开发的技术人员，必须掌握的技术之一就是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">

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（标准通用标记语言下的一个应用）最重要的组成部分。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：html中的字体标签，在Html语言中对文字的字体设置的标记有哪些?请举例说明？_html标签 | ·下一条：html中的视频标签，在div+css布局的网页中如何加入视频？_html标签