html5和html有什么区别？这篇文章告诉你

最新推荐文章于 2024-09-21 17:03:35 发布
最新推荐文章于 2024-09-21 17:03:35 发布
阅读量1.1w 收藏 112
点赞数 61
分类专栏： 前端html、css、js 文章标签： html css js html5 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45738527/article/details/104906165
版权

html5和html有什么区别？这篇文章告诉你


很多伙伴在入门前端的时候会认识HTML和html5，那么HTML和html5是一个东西吗啊？有什么区别，下面小编带你了解HTML

HTML是什么？

HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。我们平时浏览的网页就是html语言写的。

HTML版本

HTML是用来标记Web信息如何展示以及其他特性的一种语法规则，它最初于1989年由GERN的Tim Berners-Lee发明。HTML基于更古老一些的语言SGML定义，并简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据，所以很早就得到各个Web浏览器厂商的支持。
HTML历史上有如下版本：

  • HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
  • HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。
  • HTML 3.2：1997年1月14日，W3C推荐标准。
  • HTML 4.0：1997年12月18日，W3C推荐标准。
  • HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。
  • HTML5：HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。

HTML在Web迅猛发展的过程中起着重要作用，有着重要的地位。但随着网络应用的深入，特别是电子商务的应用，HTML过于简单的缺陷很快凸现出来：HTML不可扩展。HTML不允许应用程序开发者为具体的应用环境定义自定义的标记。HTML只能用于信息显示。HTML可以设置文本和图片显示方式，但没有语义结构，即HTML显示数据是按照布局而非语义的。随着网络应用的发展，各行业对信息有着不同的需求，这些不同类型的信息未必都是以网页的形式显示出来。例如。当通过搜索引擎进行数据搜索时，按照语义而非按照布局来显示数据会具有更多的优点。
总而言之，HTML的缺点使其交互性差，语义模糊，这些缺陷难以适应Internet飞速发展的要求，因此一个标准、简洁、结构严谨以及可高度扩展的XML就产生了。

html5和html的区别

  • 本质上html和html5是一样的的。
主要有三个区别：
一、指代不同

HTML5 ：

HTML5是公认的下一代Web语言，可以理解为第五代超文本标记语言标准。

html：

现在所说的html实际是都是指HTML4.01

  • html5是html的升级版
二、文档类型声明

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却不同，只有简简单单的声明，这也方便人们的记忆。
三、在结构语义上

html:

没有体现结构语义化的标签，通常都是这样来命名的< div id=“header”>，这样表示网站的头部。

html5:

在语义上却有很大的优势。提供了一些新的标签，比如:< header>、< article>、< footer>、< article>、< aside>、< audio>、< bdi>…

html和html5标签对比
  • 在HTML 4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等。
    *4代表HTML，5代表html5，只有5代表是新增，只有4代表在5中已经废弃了。
标签描述4代表HTML，5代表html5
< !–…-->定义注释。4 5
< !DOCTYPE>定义文档类型。4 5
< a>定义超链接。4 5
< abbr>定义缩写。4 5
< acronym>定义首字母缩写。4
< address>定义地址元素。4 5
< applet>定义 applet。4
< area>定义图像映射中的区域。4 5
< article>定义 article。5
< aside>定义页面内容之外的内容。5
< audio>定义声音内容。5
< b>定义粗体文本。4 5
< base>定义页面中所有链接的基准 URL。4 5
< basefont>请使用 CSS 代替。4
< bdo>定义文本显示的方向。4 5
< big>定义大号文本。4
< blockquote>定义长的引用。4 5
< body>定义 body 元素。4 5
< br>插入换行符。4 5
< button>定义按钮。4 5
< canvas>定义图形。5
< caption>定义表格标题。4 5
< center>定义居中的文本。4
< cite>定义引用。4 5
< code>定义计算机代码文本。4 5
< col>定义表格列的属性。4 5
< colgroup>定义表格列的分组。4 5
< command>定义命令按钮。5
< datalist>定义下拉列表。5
< dd>定义定义的描述。4 5
< del>定义删除文本。4 5
< details>定义元素的细节。5
< dfn>定义定义项目。4 5
< dir>定义目录列表。4
< div>定义文档中的一个部分。4 5
< dl>定义定义列表。4 5
< dt>定义定义的项目。4 5
< em>定义强调文本。4 5
< embed>定义外部交互内容或插件。5
< fieldset>定义 fieldset。4 5
< figcaption>定义 figure 元素的标题。5
< figure>定义媒介内容的分组，以及它们的标题。5
< font>规定文本字体、大小和颜色。4
< footer>定义 section 或 page 的页脚。5
< form>定义表单。4 5
< frame>定义子窗口（框架）。4
< frameset>定义框架的集。4
< h1> to< h6>定义标题 1 到标题 6。4 5
< head>定义关于文档的信息。4 5
< header>定义 section 或 page 的页眉。5
< hgroup>定义有关文档中的 section 的信息。5
< hr>定义水平线。4 5
< html>定义 html 文档。4 5
< i>定义斜体文本。4 5
< iframe>定义行内的子窗口（框架）。4 5
< img>定义图像。4 5
< input>定义输入域。4 5
< ins>定义插入文本。4 5
< keygen>定义生成密钥。5
< isindex>定义单行的输入域。4
< kbd>定义键盘文本。4 5
< label>定义表单控件的标注。4 5
< legend>定义 fieldset 中的标题。4 5
< li>定义列表的项目。4 5
< link>定义资源引用。4 5
< map>定义图像映射。4 5
< mark>定义有记号的文本。5
< menu>定义菜单列表。4 5
< meta>定义元信息。4 5
< meter>定义预定义范围内的度量。5
< nav>定义导航链接。5
< noframes>定义 noframe 部分。4
< noscript>定义 noscript 部分。4 5
< object>定义嵌入对象。4 5
< ol>定义有序列表。4 5
< optgroup>定义选项组。4 5
< option>定义下拉列表中的选项。4 5
< output>定义输出的一些类型。5
< p>定义段落。4 5
< param>为对象定义参数。4 5
< pre>定义预格式化文本。4 5
< progress>定义任何类型的任务的进度。5
< q>定义短的引用。4 5
< rp>定义若浏览器不支持 ruby 元素显示的内容。5
< rt>定义 ruby 注释的解释。5
< ruby>定义 ruby 注释。5
< s>定义加删除线的文本。4
< samp>定义样本计算机代码。4 5
< script>定义脚本。4 5
< section>定义 section。5
< select>定义可选列表。4 5
< small>定义小号文本。4 5
< source>定义媒介源。5
< span>定义文档中的 section。4 5
< strike>定义加删除线的文本。4
< strong>定义强调文本。4 5
< style>定义样式定义。4 5
< sub>定义下标文本。4 5
< summary>定义 details 元素的标题。5
< sup>定义上标文本。4 5
< table>定义表格。4 5
< tbody>定义表格的主体。4 5
< td>定义表格单元。4 5
< textarea>定义 textarea。4 5
< tfoot>定义表格的脚注。4 5
< th>定义表头。4 5
< thead>定义表头。4 5
< time>定义日期/时间。5
< title>定义文档的标题。4 5
< tr>定义表格行。4 5
< tt>定义打字机文本。4
< u>定义下划线文本。4
< ul>定义无序列表。4 5
< var>定义变量。4 5
< video>定义视频。5
< xmp>定义预格式文本。4

码字不易，写教程也不易，如果觉得文章不错，可以点赞评论，感谢支持！！

更多文章记得关注我的博客
网站文章对应：点击传送

html与HTML5的区别
X W F
02-27 697
html与HTML5的区别 文章目录html与HTML5的区别文档的类型声明不同语义结构方面 文档的类型声明不同 html5:文档声明相对来说更为简便，有利于程序员快速阅读和开发。 语义结构方面 html:没有结构语义化的标签（通俗来讲就是不方便阅读，没有告诉你哪里是头，哪里是尾巴） html5:添加了许多具有语义化的标签， 使代码结构清晰，提高了代码的可读性。 下面是html5中的一些语义化标签...
python 中，什么是 .pyc 文件？这篇文章告诉你
身在边城 心在编程
06-24 3351
文章目录什么是 .pyc文件？1. Python是一门解释型语言？2. 解释型语言和编译型语言3. Python到底是什么4. 简述Python的运行过程5. 给专业人士的一些建议6. 参考链接 什么是 .pyc文件？ 在 Python 程序中，是把原始程序代码放在.py 文件里，而 Python 会在执行.py 文件的时候。将.py 形式的程序编译成中间式文件（byte-compiled）的 .pyc 文件，目的就是为了加快下次执行文件的速度。 所以，在我们运行 python 文件的时候，就会自动
浅谈：html5和html的区别
wuhouz的博客
02-22 1209
浅谈：html5和html的区别 编辑时间：2015-05-09 浏览量:14965 作者:段亮 最近看群里聊天聊得最火热的莫过于手机网站和html5这两个词。可能有人会问，这两者有什么关系呢？随着这移动互联网快速发展的时代，尤其是4G时代已经来临的时刻，加上微软对“XP系统”不提供更新补丁、维护的情况下“html5+css3”也逐渐的成为新一代web前端技术，
HTML、CSS
最新发布
Liuxu 的博客
09-21 1444
HTML (HyperTextMarkupLanguage): 超文本标记语言。超文本: 超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。标记语言: 由标签构成的语言HTML标签都是预定义好的。例如: 使用展示超链接，使用展示图片，展示视频。HTML代码直接在浏览器中运行，HTML标签由浏览器解析。标签搜索地址。
HTML5和HTML的区别
Bernard Han的博客
01-24 1602
很多没有学过HTML5大前端的同学，对HTML5并不了解，经常会提出疑问：HTML5与传统HTML有什么区别？下面本篇文章就来给大家介绍一下HTML5和HTML两者之间的区别，希望对你有所帮助。 什么是HTML和HTML5？ HTML代表超文本标记语言，用于使用标记语言设计网页。HTML是超文本和标记语言的组合，超文本定义了网页之间的链接；标记语言用于定义标记内的文本文档，该文档定义网页的结构。此语言用于注释（在计算机注释中）文本，以便机器可以理解它并相应地操作文本。 大多数标记（例如HTML）语言都
html和html5的区别
dafeng5455的博客
03-21 895
什么是html5呢？ html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML+CSS 3+JS+API。 hmtl5于html的区别 我们现在web前端开发的静态网页，一般都是html4.0。同时是符合W3C的xhtml1.0
浅谈html与HTML5的三大区别
热门推荐
yezi__6的博客
09-28 1万+
        今天有人问我了，你经常用html5还是html？emmm......其实自己在平时写网页时，对这两者没有特意区分。如果非要说区别的话，显而易见的区别就是下面我列出来的这些了。至于往深层次理解了：HTML5已经远远超越了标记语言的范畴，其背后是一组技术集。小白学习太浅，不敢多讲。&gt;.&lt; 1.文档的类型声明不同 html:&lt;!DOCTYPE HTML PUBLIC...
HTML和HTML5的区别？
zw_wen的博客
08-26 1065
html文件 =文档声明 +html标签部分 组成；html标签部分 =头部<head> +内容区域<body> 1.文档声明的类型不同； doctype 声明是不区分大小写的，用来告知 Web 浏览器页面使用了哪种 HTML 版本； 在HTML 4.01 中，<!DOCTYPE> 声明需引用 DTD （文档类型声明），因为 HTML 4.01 是基于 SGML（Standard Generalized Markup Language 标准通用标记语言）...
一篇文章告诉你所有的HTML特殊符号
08-14
一篇文章告诉你所有的HTML特殊符号
学习软件测试需要掌握哪些内容？这篇文章告诉你
weixin_54556126的博客
03-26 1913
学习软件测试需要掌握哪些内容，主要取决于该岗位现在需要的技能有哪些，只有掌握了岗位需要的技能才能顺利地找到适合自己的工作，技术在不断更新，我们需要学习在实际工作中能够用到的企业级技术。那么学习软件测试需要掌握哪些内容呢?‘ 第一阶段 为软件测试环境配置与管理，你需要熟练掌握在物理机、虚拟机、容器下的快速部署测试环境的方法，完成SVN文件配置服务器搭建、LAMP环境搭建配置管理、Linux内核配置与定制、Docker&K8S搭建部署，获得全栈测试工程师必备技能——测试环境配置管理能力。 第.
《告诉你什么是HTML5》
11-30
### 《告诉你什么是HTML5》 #### 概述 HTML5是万维网联盟（W3C）制定的最新一代超文本标记语言标准，旨在改进Web应用开发与用户体验。Simon Schoeters在其作品《告诉你什么是HTML5》中对HTML5进行了全面的介绍与...
HTML和HTML5的区别
qq_43067585的博客
05-19 349
下面本篇文章就来给大家介绍和对比一下HTML和HTML5，让大家了解HTML和HTML5之间的一些区别，希望对大家有所帮助。 什么是HTML和HTML5？ HTML代表超文本标记语言，用于使用标记语言设计网页。HTML是超文本和标记语言的组合，超文本定义了网页之间的链接；标记语言用于定义标记内的文本文档，该文档定义网页的结构。此语言用于注释（在计算机注释中）文本，以便机器可以理解它并相应地操作文本。 大多数标记（例如HTML）语言都是人类可读的。该语言使用标签来定义必须对文本进行哪些操作。它用于在网页上构
html5和html的区别是什么（精问）
weixin_34269583的博客
06-07 379
html5和html的区别是什么（精问） 一、总结 一句话总结：html5：简洁（文档生命，链接引入） 语义化（语义化标签）  API（canvas，地理位置等）  一些标签（input新类型）    二、html5和html的区别是什么 可能有人会问，这两者有什么关系呢？随着这移动互联网快速发展的时代，尤其是4G时代已经来临的时刻，加上微软对“XP系统”不提供更新补丁、维护的情况下。“...
HTML和HTML5的简单区别
weixin_45773503的博客
05-08 4995
html5
HTML和HTML5有什么区别
m0_56131422的博客
08-30 2332
HTML，即超文本标记语言，是构建网页的标准语言。最初版本的HTML简单地定义了网页的结构和内容，包括文本、图片、链接等元素。HTML的基本标签包括等，它们帮助浏览器正确渲染网页内容。HTML5是HTML的第五个主要版本，旨在解决Web开发中的一些长期存在的问题，并引入了许多新功能。HTML5不仅扩展了现有功能，还增强了对多媒体、图形和应用程序的支持。
HTML5与HTML之间有什么区别?
黑马程序员官方博客
05-03 427
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称，有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言。CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮， 让页面布局更简单。
什么是HTML？和XML有什么区别？
03-28
HTML是一种用于创建网页的标记语言，它使用标记来描述页面的结构和内容。HTML标记通常由尖括号和标签名组成，例如：`<html>`、`<head>`、`<title>`、`<body>`等。 XML也是一种标记语言，它与HTML类似，但XML的目的不是用于创建网页，而是用于描述数据。XML标记也由尖括号和标签名组成，但XML可以自定义标签名和属性，而HTML的标签名和属性是预定义的。 HTML和XML的主要区别在于它们的用途和语法规则。HTML是用于创建网页的标记语言，而XML是用于描述数据的标记语言。HTML的语法规则比较松散，而XML的语法规则比较严格。HTML标签和属性是预定义的，而XML标签和属性可以自定义。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值