1.网页
网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素组成。我们看到的网页,常见以.htm或.html后缀结尾的文件,俗称HTML文件。 🙌🙌🙌 记住哦,后面自己制作的后缀就是这个!!!
1.2 什么是HTML?
指的是超文本标记语言,用来描述网页的一种语言。
----->为什么要叫超文本呢:
first、可加图片、声音啥的!!!(直接超越了文本限制好吧👍)
second、可以从一个文件跳到另一个!!!与世界各地主机文件连接(超级连接文本 超棒的!!!🥰)
1.3 网页的形成
前端人员开发代码 → 浏览器显示代码(解析、渲染) → 生成最后的Web页面
2.常用浏览器(国际通用)
IE Edge、火狐(Firefox)、谷歌(Chrome)【🙌前端都用这个哦】、safari和Opera等。
浏览器内核(渲染引擎):负责读取网页内容、整理讯息、计算网页显示方式并显示页面。(对此我只能直呼🐮🐮🐮)
3.Web标准
是由W3C(万维网联盟:国际最著名的标准化组织)和其他标准化组织制定的一系列标准的集合。
3.1 为什么需要web标准?
浏览器不同,显示页面或者排版就有些许差异(毕竟浏览器不是复制黏贴哎🤷♂️)
优点就不说啦,当然是方便了我们使用啦,就像交通规则似的!😶🌫️😶🌫️😶🌫️
3.2Web标准的构成
包括结构、表现、行为三个方面。【以制作洋娃娃为例子🎨】
结构:用于对网页进行整理分类(HTML)→【开始呢,只有洋娃娃的身体呀🤌】
表现:用于设置网页元素样式、颜色、大小等外观样式(CSS)→【给洋娃娃弄头发,穿衣服啦!变好看了哦!🎉🎉🎉】
行为:指网页模型的定义及交互的编写(JavaScript)→【加发条,洋娃娃可以走啦,也就是转动发条,它会用走来回应你!超酷的哎💃】
Web标准提出的最佳体验方案:结构、样式、行为相分离。(也就是各住各家,清清白白😁!结构→HTML文件中、表现→CSS样式中、行为→JavaScript文件中)。