HTML5基础学习（1）

清疚 2022-12-06 15:54 179阅读 0赞

### 一、什么是HTML5？ ###

HTML5是HTML（超文本标记语言 HyperText Markup Language）网页标准的5.0版本。5.0版本比4.0版本多出了很多内容，它的诞生带动了很多技术领域的发展，尤其是在移动端设备上面。我们所谈论的HTML5这个词它已经产生了一些变化，它代表的已经不再是简单的HTML网页设计标准，而是围绕着HTML这个东西以及它周边一系列网页相关技术的总称。这其中既包含了HTML+css的网页制作，也包含了javascript这门编程语言的相关开发。

### 二、网页为啥叫HTML？ ###

**（1）生活中哪里会看到网页？**

比如在电脑上我们通过浏览器看到网页；比如在手机上我们通过手机浏览器看到网页；比如，微信公众号中，不管是查看公众号里的文章还是查看公众号里的微信商店这些全部都是由网页制作完成。我们发现一个特点，所有的网页都有一个共同的载体，这个载体就是浏览器。

**（2）常见的浏览器有：**

![20200914145306598.png][]

主要的浏览器还是Chrome为主。

微信不管看新闻、公众号、微信商城等。都是由微信内置的QQ浏览器提供技术支持。

**（3）浏览器之间的默契**

浏览器都是由不同的公司开发出来的，为什么能一致的展示出相同的网页呢？这个主要因为全世界所有的网页都使用同一门编程语言来制作。这个编程语言的名字就叫HTML。这就好比全世界所有的投影仪都采用了一个HDMI数据线作为它们的数据接口，这将导致所有的电脑都将提供高清的接口。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjk4MzUx_size_16_color_FFFFFF_t_70][]

HTML编程语言是由W3C（万维网联盟 World Wide Web Consortium）制定、推广和更新维护的。W3C不是一家公司，它是一个非盈利的组织。它没有全球总部，所以在很多国家都设立了办事处。并且建立了四个全球的中心，分别位于美国的麻省理工学院、法国的欧洲数学与信息学研究联盟、东京的东京庆应大学、北京航空航天大学。

OpenSLL是一个非盈利性的组织。全世界80%以上的网络通信都使用了openssl提供的加密工具来保障信息的安全。

**（4）HTML是啥？**

**    **在桌面上新建记事本，在记事本中输入下面代码，并把文件后缀名改为.html。

<!DOCTYPE html>
    <html>
    	<head>
    		<title></title>
    	</head>
    	<body>
    		这是一段文字，它会显示在网页上
    	</body>
    </html>

在谷歌浏览器上打开

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjk4MzUx_size_16_color_FFFFFF_t_70 1][]

[20200914145306598.png]: /images/20221123/24802a9d34fe40db97dbcf1f6be5d346.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjk4MzUx_size_16_color_FFFFFF_t_70]: /images/20221123/3b1e678d875a4b8d8dfccf6b74679448.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMjk4MzUx_size_16_color_FFFFFF_t_70 1]: /images/20221123/7fa94af9d3f741e984eda636f2758937.png