什么是网页 :
网页是构成网站的基本元素,它通常由 图片、链接、文字、声音、视频等元素组成。
通常我们看到的网页 ,常见以 .html 或 .htm 后缀结尾的文件, 因此俗称 HTML 文件
什么是 HTML :
HTML 指的是 超文本标记语言,它是用来描述网页的一种语言
HTML 不是一种编程语言,而是一种 标记语言
标记语言是一套 标记标签
所谓超文本,有两层含义 :
1. 它可以加入 图片、声音、动画、多媒体等内容( 超越了 文本的限制 )
2. 它还可以从一个文件跳转到另一个文件,与世界各的主机相连接( 超级链接文本,也称超文本)
网页是怎么形成的 ?
===>>>
网页是由网页元素组成的,这些元素是利用 HTML 标签描述出来,然后通过浏览器解析出来显示
给用户的。
===>>>
前端人员开发代码 --->> 浏览器显示代码 ( 解析、渲染 ) --->> 生成最后 WEB 页面
浏览器 :
常用浏览器 :
IE 、 火狐、 谷歌、 Edge等等
浏览器内核 :
内核也称为 渲染引擎,主要负责读取网页内容,整理讯息,计算网页的显示方式并显示页面
目前国内浏览器 一般都采用 Webkit/Blink 内核, 如 360、UC、QQ、搜狗等。
WEB标准 :
Web 标准是由 W3C 组织和其它标准化组织制定的一系列标准的集合。
W3C( 万维网联盟 ) 是国际最著名的标准化组织。
为什么需要 WEB 标准 ??
浏览器不同,那他们显示页面或者排版就也会有些许差异。
举一个最简单的例子, 比如现在我写了 一个网页的代码, 写好了,要交给浏览器进行解析渲染,
结果有的浏览器 设置的字的大小是 14 ,而有的浏览器 设置的则是 18 ;
那这就造成了 同一份网页代码,却在不同的浏览器上显示的页面也各有不同~!!
所以,只要我写的代码符合 WEB 标准,那么在不同的浏览器解析出来的页面也会是统一的~!!
WEB标准的构成 :
主要包括 结构、表现、行为 三个方面
Web 标准提出的最佳体验方案 : 结构、 表现、 行为 相分离
简单理解 : 结构写到 HTML 文件中, 表现写到 CSS 文件中, 行为写到 JavaScript 文件中。
为了更形象的理解 WEB 标准的构成 :
结构就是身体( 就是 HTML 的各种标签,网页元素,代码等 )
表现就是上色 ( 把结构变得更美观,更漂亮 )
行为就是飞翔 ( 可以让页面实现 交互的动画效果 )
当然了, 结构自然是最重要的~!!