01 Web前端HTML简介——笔记

double_自

已于 2024-03-14 21:22:10 修改

阅读量129

点赞数 1

分类专栏：前端HTML 文章标签： html 前端 html5 vscode

于 2022-12-03 10:02:25 首次发布

本文链接：https://blog.csdn.net/m0_46664215/article/details/128157514

版权

前端HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一 HTML简介

注：本笔记根据bilibili-黑马程序员pink老师前端入门教程编写

1. 网页

1.1 什么是网页

网站：根据因特网上规则，用HTML等制作的用于展示特定内容的网页集合。

网页：①网站中的一页，常为HTML格式文件，通过浏览器阅读。

②是构成网站的基本元素。常由图片、链接、文字、声音、视频等元素组成，.htm .html 俗称HTML文件。

1.2 什么是HTML

HTML：超文本标记语言，用来描述网页的一种 标记语言，不是编程语言。由标签组成。

标记语言：一套标记标签。

超文本的含义：

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

1.3 网页的形成

网页：网页元素组成，元素通过html标签描述出来，后通过浏览器解析并显示出给用户。

2. 常用浏览器及其内核

2.1 常用浏览器

浏览器是网页显示、运行的平台。五大浏览器： IE、Firefox、Chrome、Safari 和 Opera。

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

2.2 浏览器内核

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

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360、百度浏览器
firefox	Gecko	火狐浏览器内核
Safari	Webkit	苹果浏览器内核
Chrome/Opera	Blink	chrome/opera 浏览器内核

国内：Webkit/Blink内核，e.g. 360、UC、QQ、搜狗…

3. Web标准

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

3.1 为什么需要Web标准

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

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

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

3.2 Web标准的构成

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