1 认识Web

1.1 认识网页

  • 网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合
  • 网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读
  • 网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以 .htm 或 .html 后缀结尾的文件,因此将其俗称为 HTML 文件

1.2 五大浏览器和渲染引擎

  • 五大浏览器
    • 浏览器:是网页显示、运行的平台,是前端开发必备利器
    • 常见的五大浏览器:IE浏览器、火狐浏览器(Firefox)、谷歌浏览器(Chrome)、Safari浏览器、欧朋浏览器(Opera)
  • 渲染引擎
    • 渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分
    • 浏览器出品的公司不同,内在的渲染引擎也是不同的
    • 注意点:
      • 渲染引擎不同,导致解析相同代码时的 速度、性能、效果也不同的
      • 谷歌浏览器的渲染引擎速度快、性能高、效果好,所以更吸引用户的喜爱(推荐)
浏览器 内核 备注
IE Trident IE、猎豹安全、360极速浏览器、百度浏览器
FireFox Gecko 火狐浏览器内核
Safari Webkit 苹果浏览器内核
Chrome/Opera Blink Blink其实是Webkit的分支

1.3 Web标准

  • Web标准是什么?
    • Web 标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织
  • 为什么需要Web标准?
    • 不同浏览器的渲染引擎不同,对于相同代码解析的效果会存在差异,如果用户想看一个网页,结果用不同浏览器打开效果不同,用户体验极差
    • Web标准:让不同的浏览器按照相同的标准显示结果,让展示的效果统一
  • Web标准的构成
构成 语言 说明
结构 HTML 页面元素和内容
表现 CSS 网页元素的外观和位置等页面样式(如:颜色、大小等)
行为 JavaScript 网页模型的定义与页面交互

results matching ""

    No results matching ""