HTML简介

清风YHM

已于 2023-12-20 17:41:35 修改

阅读量1.1k

点赞数 27

文章标签： html 前端

于 2023-12-07 19:31:44 首次发布

本文链接：https://blog.csdn.net/qq_71443736/article/details/134863149

版权

HTML简介

html全称为HyperText Markup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。

超文本：音频，视频，图片称为超文本。
标记：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。
普通文本：只包含文字。

作用：HTML是负责描述文档语义的语言。

注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解析执行。

HTML的历史

HTML（超文本标记语言）自1990年由万维网联盟（W3C）发布以来，已经经历了30多年的发展历程，为网页的呈现和交互提供了丰富的表现形式和功能。下面简要介绍下HTML的发展历史。

1982年，Tim Berners-Lee 建立 HTML
1993年，大學生的 Marc Andreessen 在他的 Mosaic 浏览器加入标记，从此可以在Web頁面上浏览图片
1993年6月，HTML 由 IETF 工作小組发布草案
1994年10月，W3C 成立，网络应用发展的标准规范交由 W3C 协会制定及推广
1995年11月，HTML 2.0，2000年6月被宣布已经过时
1996年1月，HTML 3.2 由 W3C 推荐为标准规范
1997年11月，HTML 4.0
1999年12月，HTML 4.01 以 XML 语法重新构建，较为严格，W3C推荐标准
2000年1月，XHTML 1.0，W3C推荐标准
2001年5月，XHTML 1.1，W3C推荐标准
2004年，WHATWG小组成立，由各大浏览器开发商组成，重拾HTML 4规格，开发 HTML 5规格
2006年，W3C认输，承认 XHTML 2.0不会成功
2007年，W3C重新成立 HTML工作小组，参考 WHATWG 的规格发展期HTML规格
2009年，XHTML 2.0被放弃，全面投入 HTML 5 规格的发展
2011年6月，Google宣布全面采用 HTML 5 技术
2012年， HTML 5被选为候选标准
2014年10月28日，HTML 5.0，W3C正式发布HTML 5.0推荐标准

可以看出，HTML的发展历史就是不断引入新的功能和元素，以满足互联网上日益增长的网页内容和交互需求的过程。同时，HTML的语法和规则也在不断更新和调整，以适应互联网技术的快速发展。

HTML5特性

1、语义特性(Class：Semantic)

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

2、本地存储特性(Class: OFFLINE & STORAGE)

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。

3、设备兼容特性 (Class: DEVICE ACCESS)

从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

4、连接特性(Class: CONNECTIVITY)

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。

5、网页多媒体特性(Class: MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能，与网站自带的APPS，摄像头，影音功能相得益彰。

6、三维、图形及特效特性(Class: 3D, Graphics & Effects)

基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。

7、性能与集成特性(Class: Performance & Integration)

没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题，帮助您的Web应用和网站在多样化的环境中更快速的工作。

HTML5的优势有哪些?

1，跨平台性

在HTML5到来之前，由于平台的多样性，导致每开发一套产品，就要针对不同的平台开发多套版本，耗费大量的时间和精力，而且还增加了大量的开发成本，而HTML5技术的出现却能很好的解决这个问题，开发者只要使用一套程序，就能够很容易的实现多个平台的展现功能，降低了开发难度，节约了开发时间和成本的投入。

2，即时更新

之前原生应用上线Appstore，都需要等待很长的审核时间，一旦出现问题需要更新，则还要重新审核，无形中浪费了大量的时间。而HTML5是通过浏览器进行加载的，所以不存在这样的问题，如果出现什么问题，可以及时的更新上线，不需要等待审核时间。

3，离线缓存功能

HTML5中最酷的特性就是离线缓存。通过JavaScript提供了数种不同的离线储存功能，相对于传统的Cookie而言有更好的弹性以及架构，并且可以储存更多的内容。它拥有更好的安全和性能，即使浏览器关闭后也可以保存。

4，视频和音频的支持

之前在实现播放媒体功能时，一直是开发者比较痛苦的事情，需要让你的视频和音频通过HTML5标签和来访问资源。并且为了它们能正确播放必须赋予一大堆的参数。这样你就要不断的重复标签，你的代码也会变得十分繁琐。现在，这一切都将变的非常简单。

5，清晰的代码

HTML5可以让你写出简单清晰的代码。使用HTML5你可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。让你的代码更加清晰易于理解。

HTML的基本结构

<!-- DOCTYPE:告诉浏览器,我们要使用什么规范  -->
<!DOCTYPE html>
 
<html>
	
	<!-- head标签代表网页头部  -->
	<head>
		<!-- 描述性标签,它用来描述我们网站的一些信息 -->
		<!-- meta一般用来做SEO -->
		<meta charset="utf-8">
 
		<!--  title网页标题  -->
		<title> 我的第一个网页 </title>
	</head>
	
	<!-- body标签代表网页主体 -->
	<body>
		<h1>helloss</h1>
	</body>
</html>

总结

通过对HTML的学习我发现HTML是十分重要的一个超文本标记语言，它虽然不是一门编程语言但是它却十分强大，它里面包含了很多标签，通过这些标签我们使用者就可以根据自己的需要来设计一个网页，把我们想要表达的内容放进这个网页当中
，它定义了网页内容的含义和结构。但是仅仅通过HTML是不能设计网页的样式的，要想更好的设计出一个好看的网页需要使用CSS技术。因此，对于HTML的学习要和CSS相互结合，多运用，这样二者才能交相辉映，我们才能设计出内容新颖、样式显眼的网页。

清风YHM

关注

27
点赞
踩
18

收藏

觉得还不错? 一键收藏
1
评论
HTML简介

html全称为，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。超文本：音频，视频，图片称为超文本。标记：称为标记，一个HTML页面都是由各种标记组成。普通文本：只包含文字。作用：HTML是负责描述文档语义的语言。注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言没有编译过程)，HTML页面直接由浏览器解析执行。
复制链接

扫一扫