前端 -- 基础网页、HTML、 WEB标准扫盲详解-Toy模板网

这篇具有很好参考价值的文章主要介绍了前端 -- 基础网页、HTML、 WEB标准扫盲详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

什么是网页 :

网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。

通常我们看到的网页，常见以 .html 或 .htm 后缀结尾的文件，因此俗称 HTML 文件

HTML 指的是超文本标记语言，它是用来描述网页的一种语言

HTML 不是一种编程语言，而是一种标记语言

标记语言是一套标记标签

1. 它可以加入图片、声音、动画、多媒体等内容（超越了文本的限制）

2. 它还可以从一个文件跳转到另一个文件，与世界各的主机相连接（超级链接文本，也称超文本）

===>>>

网页是由网页元素组成的，这些元素是利用 HTML 标签描述出来，然后通过浏览器解析出来显示

给用户的。

前端 -- 基础网页、HTML、 WEB标准扫盲详解,WEB-前端,前端,html

===>>>

前端人员开发代码 --->> 浏览器显示代码（解析、渲染） --->> 生成最后 WEB 页面

IE 、火狐、谷歌、 Edge等等

内核也称为渲染引擎，主要负责读取网页内容，整理讯息，计算网页的显示方式并显示页面

前端 -- 基础网页、HTML、 WEB标准扫盲详解,WEB-前端,前端,html

目前国内浏览器一般都采用 Webkit/Blink 内核，如 360、UC、QQ、搜狗等。

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

W3C（万维网联盟）是国际最著名的标准化组织。

浏览器不同，那他们显示页面或者排版就也会有些许差异。

举一个最简单的例子，比如现在我写了一个网页的代码，写好了，要交给浏览器进行解析渲染，

结果有的浏览器设置的字的大小是 14 ，而有的浏览器设置的则是 18 ；

那这就造成了同一份网页代码，却在不同的浏览器上显示的页面也各有不同~！！

所以，只要我写的代码符合 WEB 标准，那么在不同的浏览器解析出来的页面也会是统一的~！！

主要包括 结构、表现、行为 三个方面

前端 -- 基础网页、HTML、 WEB标准扫盲详解,WEB-前端,前端,html

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

简单理解：结构写到 HTML 文件中，表现写到 CSS 文件中，行为写到 JavaScript 文件中。

为了更形象的理解 WEB 标准的构成：

前端 -- 基础网页、HTML、 WEB标准扫盲详解,WEB-前端,前端,html

结构就是身体（就是 HTML 的各种标签，网页元素，代码等）

表现就是上色 ( 把结构变得更美观，更漂亮）

行为就是飞翔 ( 可以让页面实现交互的动画效果）

当然了，结构自然是最重要的~！！文章来源地址https://www.toymoban.com/news/detail-659652.html

到了这里，关于前端 -- 基础网页、HTML、 WEB标准扫盲详解的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！