一.html概述

一、网页

1.1 什么是网页?

网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。

网页时网站中的一“页”,通常时HTML格式的文件,它要通过浏览器来阅读。

网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以.htm或.html后缀结尾的文件,因此将其称为HTML文件。

1.2 什么是HTML

HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。

HTML不是一种编程语言,而是一种标记语言(markup language)。

标记语言是一套标记标签(markup tag)。

所谓超文本,有2层含义:

  1. 它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)。

  2. 它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超链接)。

1.3 网页的形成

网页是由网页元素组成的,这些元素是利用html标签描述出来,然后通过浏览器解析来显示给用户的。

网页的形成.png

前端人员开发代码 → 浏览器显示代码(解析、渲染) → 生成最后的Web页面

二、常用浏览器

浏览器是网页显示、运行的平台。常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。平时称为五大浏览器。

常用浏览器.png

浏览器内核

浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算网页的显示方式并显示页面。

浏览器 内核 备注
IE Trident IE、猎豹安全、360极速浏览器、百度浏览器
Firefox Gecko 火狐浏览器内核
Safari Webkit 苹果浏览器内核
chrome/opera Blink chrome/opera浏览器内核。Blink其实是Webkit的分支。

目前国内一般浏览器都会采用Webkit/Blink内核,如360、UC、QQ、搜狗等。

三、Web标准(重点)

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。

3.1 为什么需要Web标准

遵循Web标准除了可以让不同的开发人员写出的页面更标准、更统一外,还有以下优点:

  1. 让Web的发展前景更广阔。

  2. 内容能被更广泛的设备访问。

  3. 更容易被搜索引擎搜索。

  4. 降低网站流量费用。

  5. 使网站更易于维护。

  6. 提高页面浏览速度。

3.2 Web标准的构成

主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。

标准 说明
结构 结构用于对网页元素进行整理和分类,现阶段主要学的是HTML。
表现 表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
行为 行为是指网页模型的定义及交互的编写,现阶段主要学的是Javascript

Web标准提出的最佳体验方案:结构、样式、行为相分离

简单理解:结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件中。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容