「前端」HTML之认识网页

显示全部楼层

一、认识WEB
网页紧张是由笔墨、图像和超链接等元素组成，除了这些基本的元素以外，还包罗一些多媒体元素等，比如音频、视频等。
比如我们常见的有小米商城、京东商城、以及淘宝等，都属于我们的大型的购物平台网站，而这些网站都包罗了网页中基本的元素。那么网页是怎么形成的呢？
着实网页的形参很简朴，当我们前端蜜斯姐将页面通过代码构建好今后，再通过浏览器（IE、谷歌等浏览器）将其衬着成为用户眼中所能看得到的各类样式的页面。
既然我们的网页是通过浏览器的衬着而表现差别的页面，那么常见的浏览器有哪一些呢？如常见的五大浏览器，分离是IE、火狐、谷歌、Safari以及Opera等。

五大浏览器
然则在开发过程中，谷歌和火狐用得比力多，可以更好地赞助开发职员进行调试。IE浏览器相对来说存在兼容性题目，所以很少去使用。
为什么网页代码通过浏览器的衬着就能表现出各类差别的样式的页面呢？此处就不得不提到浏览器的内核，通常浏览器的内核分为如下几种：

排版引擎
表明引擎
衬着引擎

而五大浏览器之间的内核都是什么呢？如下图所示：

五大浏览器的内核
二、Web尺度
什么是Web尺度？Web尺度是由W3C组织和其它尺度化组织，订定的一系列尺度的集合。
W3C万维网联盟是国际最著名的尺度化组织。他是1994年成立后，至今已宣布了近百项相关万维网的尺度。

w3c组织
那为什么要订定Web尺度呢？
作用：由于市场上出身了许多差别范例的浏览器，而这些浏览器都存在差别的内核，导致前端蜜斯姐开发的页面在差别的浏览器上表现会存在差别的差别，如许就会给前端开发者带来了许多贫苦。而通过Web尺度就会消沉这种页面之间的差别化，让浏览器在剖析前端代码的时候，转向W3C的尺度，呈现出统一的效果。
优点：

遵照Web尺度，让页面更尺度统一。
同时让Web的发展变得越来越好。
内容更轻易被多种设备访问。
还轻易被搜索引擎搜索。
消沉网站流量费用和提高页面的加载速度。
也让页面变得易保护。

那么一个美丽的页面是怎样组成的呢？它的组成分离是如下几种范例：

布局（Structure）：通常在页面中HTML就是一个页面的布局，好比刚孵出来的小鸟宝宝。
表现（Presentation）：通常在页面中CSS就是对一个页面进行美化的，好比小鸟宝宝慢慢地长出了美丽的羽毛。
行文（Behavior）：通常在页面中会使用JavaScript（或JQuery）来完成行文，好比小鸟宝宝长大了，可以进行飞行、捕食等。

美丽页面的组成
好啦！[微笑]本节就分享到这儿哦！对前端感爱好的小同伴，可以关注我的今日头条，我会继承给大家分享前端以及其它开发内容的知识，也接待大家给我在批评区留言[作揖]。

「前端」HTML之认识网页

本帖子中包含更多资源

火星云矿 | 预约S19Pro，享500抵1000！