领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

「前端」HTML之认识网页(网站的html)

nixiaole 2025-01-29 17:22:43 知识剖析 9 ℃

一、认识WEB

网页主要是由文字、图像和超链接等元素构成,除了这些基本的元素以外,还包含一些多媒体元素等,比如音频、视频等。

比如我们常见的有小米商城、京东商城、以及淘宝等,都属于我们的大型的购物平台网站,而这些网站都包含了网页中基本的元素。那么网页是怎么形成的呢?

其实网页的形参很简单,当我们前端小姐姐将页面通过代码构建好以后,再通过浏览器(IE、谷歌等浏览器)将其渲染成为用户眼中所能看得到的各种样式的页面。

既然我们的网页是通过浏览器的渲染而显示不同的页面,那么常见的浏览器有哪一些呢?如常见的五大浏览器,分别是IE、火狐、谷歌、Safari以及Opera等。

但是在开发过程中,谷歌和火狐用得比较多,可以更好地帮助开发人员进行调试。IE浏览器相对来说存在兼容性问题,所以很少去使用。

为什么网页代码通过浏览器的渲染就能显示出各种不同的样式的页面呢?此处就不得不提到浏览器的内核,通常浏览器的内核分为如下几种:

  • 排版引擎
  • 解释引擎
  • 渲染引擎

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

二、Web标准

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

W3C万维网联盟是国际最著名的标准化组织。他是1994年成立后,至今已发布了近百项相关万维网的标准。

那为什么要制定Web标准呢?

作用:由于市场上诞生了许多不同类型的浏览器,而这些浏览器都存在不同的内核,导致前端小姐姐开发的页面在不同的浏览器上显示会存在不同的差异,这样就会给前端开发者带来了许多麻烦。而通过Web标准就会降低这种页面之间的差异化,让浏览器在解析前端代码的时候,转向W3C的标准,呈现出统一的效果。

优点:

  • 遵循Web标准,让页面更标准统一。
  • 同时让Web的发展变得越来越好。
  • 内容更容易被多种设备访问。
  • 还容易被搜索引擎搜索。
  • 降低网站流量费用和提高页面的加载速度。
  • 也让页面变得易维护。

那么一个漂亮的页面是怎样构成的呢?它的构成分别是如下几种类型:

  • 结构(Structure):通常在页面中HTML就是一个页面的结构,好比刚孵出来的小鸟宝宝。
  • 表现(Presentation):通常在页面中CSS就是对一个页面进行美化的,好比小鸟宝宝慢慢地长出了漂亮的羽毛。
  • 行文(Behavior):通常在页面中会使用JavaScript(或JQuery)来完成行文,好比小鸟宝宝长大了,可以进行飞行、捕食等。

好啦!本节就分享到这儿哦!对前端感兴趣的小伙伴,可以关注我的今日头条,我会继续给大家分享前端以及其它开发内容的知识,也欢迎大家给我在评论区留言

最近发表
标签列表