【整理+总结】pink老师前端三件套之HTML笔记（一）HTML简介

本笔记整理自pink老师前端课程【黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程】 https://www.bilibili.com/video/BV14J4114768/?share_source=copy_web&vd_source=fa9140cd462dd1671714ea50d46fe8fc

🔥🔥🔥更多知识，欢迎访问我的个人博客：Nan-ying’s Blog

🔥前端三件套之HTML	地址
（二）HTML标签	https://blog.csdn.net/weixin_42771853/article/details/128215836

在进行网页开发前，需要先了解HTML的几个概念：

• 什么是网页？
• 什么是HTML？
• 网页的形成？

1. 网页

1.1 什么是网页

1. 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。
2. 网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。
3. 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。

1.2 什么是HTML

HTML指的是超文本标记语言（Hyper Text Markup Language）,它是用来描述网页的一种语言。

HTML不是一种编程语言，而是一种标记语言（markup language）。 标记语言是一套标记标签（markup tag）。

超文本的含义：

1. 它可以加入图片、声音、动画、多媒体等内容（超越文本限制）。
2. 它可以从一个文件跳转到另一个文件，于世界各地主机的文件连接（超级链接文本）。

1.3 网页的形成

网页由网页元素组成，这些元素通过html标签描述出来，然后通过浏览器解析并显示出来。
前端人员开发代码 ----> 浏览器显示代码（解析、渲染） -----> 生成最后的 Web 页面

2. 常用浏览器及其内核

2.1 常用浏览器

浏览器是网页显示、运行的平台。

五大浏览器有 IE、Firefox、Chrome、Safari 和 Opera。

四大内核：Trident, Gecko, Webkit, Blink

2.2 浏览器内核

浏览器内核（渲染引擎）： 负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。

3. Web标准

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。

3.1 为什么需要Web标准

浏览器不同，它们显示的页面或者排版有些许差异。

遵循Web标准除了可以让不同的开发人员写出的页面更标准、更统一外，还有以下优点：

1. 让Web标准发展前景更为广阔
2. 内容能被更广泛的设备访问。
3. 更容易被搜索引擎了搜索。
4. 降低网站流量费用。
5. 易于维护。
6. 提高页面浏览速度。

3.2 Web标准的构成

主要包括结构（Structure） 、表现（Presentation）和行为（Behavior）三个方面。

标准	说明
结构	结构对网页元素进行整理和分类，现阶段主要是HTML
表现	表现用于设置网页元素的版式、颜色、大小等外观样式，主要是指CSS
行为	行为是指网页模型的定义以及交互的编写，现阶段主要是JS

Web标准提出的最佳体验方案：结构、表现、行为相分离。