① 网页
1.1 网页 简介
-
网站
是指因特网上根据一定的规则,使用 HTML 等制作的用于展示
特定内容相关的网页集合
。 -
网页
是网站中的一页
,通常是HTML 格式的文件
,它要通过浏览器
来阅读。
1.2 HTML 简介
-
HTML
指的是超文本标记语言(Hyper Text Markup Language)
,它是用来描述网页
的一种语言。 -
HTML
不是一种编程语言,而是一种标记语言(markup language)
。 -
标记语言是一套
标记标签(markup tag)
。
超文本含义:
-
它可以加入
图片、声音、动画、多媒体等内容
(超越了文本限制) -
它可以从一个文件
跳转
到另一个文件,与世界各地主机的文件连接(超级链接文本)
1.3 网页的形成
- 网页是由
网页元素
组成,这些元素利用html标签
描述出来,然后通过浏览器解析
来显示给用户的。
-
流程: 前端人员开发代码 ------> 浏览器显示代码(解析、渲染) ------ > 生成最后的 Web 页面
② 常用浏览器
浏览器是网页显示
、运行的平台
。常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari(苹果浏览器)、
Opera等,平时称五大浏览器。
查看浏览器市场份额: http://tongji.baidu.com/data/browser
2.1 浏览器内核
浏览器内核(渲染引擎
): 负责读取
网页内容,整理讯息,计算网页的显示方式
并显示网页。
目前国内一般浏览器都会采用Webkit/Blink 内核,如360、UC、QQ、搜狗等。
③ Web标准
Web标准
是 W3C 组织和其他标准化组织制定的一系列标准的集合
。W3C(万维网联盟)是国际最著名的标准化组织 。
3.1 Web 标准的需求
程序员编写网页代码,当浏览器不同
时,它们显示
页面或者排版
就有些许差异。
遵循
Web标准除了可以让不同的开发人员写出的页面更标准,更统一外,还有以下优点:
- 让 Web 的发展前景更广阔。
- 内容能被更广泛的设备访问。
- 更容易被搜索引擎搜索。
- 降低网站流量费用。
- 使网站更易于维护。
- 提高页面浏览速度。
3.2 Web 标准的构成
主要包括 结构(Structure)、表现(Presentation)、行为(Behavior)
三方面。
Web 标准提出的最佳体验方案:结构、样式、行为相分离
。
简单理解:结构写到 HTML 文件中,表现写到 CSS 文件中,行为写到 JavaScript 文件中。