真正的认识网页
同学们生活中应该会不少和网页打交道吧,比如我们想要什么资料了,需要上百度搜索;想听歌了,要上网易云音乐搜索;深夜寂寞难耐了,去看点什么十八禁网站等等等等。
但是同学们,你们在浏览这些网页的时候,有没有思考过这些网页是怎么来的呢?
今天我们就来真正的认识一下网页。
一、认识网页
1.(1)网页的后缀:html
1.(2)网页的组成:由文字,图片,视频,音频,超链接等组成
那么有的同学可能会问:“文字图片什么的都能理解,可超链接是什么东西啊?”超链接就是点击文字,图片或其他内容可以链接到其他页面的一种链接。这么说可能有的同学还是会不懂,那就打个比方:我们在看淘宝的时候,看到某一件你喜欢的东西,你点了进去,你点的这个东西就叫做超链接。
1.(3)那么网页是怎么制作出来的呢?
网页是通过代码编写出来的,具体的分为前端和后端。
那么肯定还是会有一些好奇宝宝想问什么是前端(包括HTML、CSS、JS)和后端(包括PHP、MySQL、Java),前端就是可被用户看见的,比如淘宝上的商品图片;后端那就是不可被用户看见的,比如原本这件商品有一千件,某人购买了一百件,剩余的商品变成了九百件,这个计算的过程是不可见的,所以这就是后端的工作。
1.(4)那么既然网页的本质是代码,可他又是怎么变成用户可见的界面的呢?
代码是通过浏览器转化(解析和渲染)变成用户看到的网页。
1.(5)常见的五大浏览器:IE浏览器、火狐浏览器、谷歌浏览器、safari浏览器、欧朋浏览器。
1.(6)有的同学可能听说过渲染引擎或者是浏览器内核,那么什么是渲染引擎亦或是浏览器内核呢?
渲染引擎(浏览器内核)就是浏览器中专门对代码进行解析渲染的部分。
浏览器的出品公司不同,它的内核也是不同的。
那么相同的网页,在不同的浏览器里的解析效果相同吗?
答案肯定是不一样的啦。(假如你想做前端工程师,最好用谷歌浏览器哦)
二、Web标准
1.(1)那么解析效果不一样应该怎么办呢?这里就需要一个标准叫做Web标准。
可什么是Web标准呢?Web标准就是让不同的浏览器按照相同的标准显示结果, 让展示的效果统一!
构成 | 语言 | 结构 |
结构 | HTML | 页面元素和内容 |
表现 | CSS | 网页元素的外观和位置等页面样式(如:颜色、大小等) |
行为 | JS | 网页模型的定义与页面交互 |
1.(2)Web标准的记忆方法:HTML就是人的身体,CSS就是人的毛发、JS就是人的行为。
好啦同学们,今天到这里就结束了,记得复习