HTML5+CSS3日常学习（一）

第1章：HTML5+CSS3网页设计概述

1.网页的概念

由文字、图像和超链接等元素构成。还可以包含音频、视频以及动画等。—>超链接：单击可以跳转的网页元素

2.网页分类

• 静态网页 —>指用户无论何时何地访问，网页都会显示固定的信息。
• 动态网页 —>网页显示的内容会随着用户操作和时间的变化而变化。 动态网页<===>服务器数据库

3.网页名词

• Internet(互联网) —>由一些使用公用语言互相通信的计算机连接而成的网络

功能：1.实现全球资源的共享 2.形成了一个共同参与、相互交流的互动平台。

• WWW(万维网) —>Internet提供的一种服务—网页浏览服务
• URL(统一资源定位符) —>Web地址（网址）
• DNS(域名解析系统) —>将域名===>IP地址
• HTTP(超文本传输协议) —>规定了浏览器和万维网服务器之间互相通信的规则

特点：1.非常可靠的协议 2.具有强大的自检能力，所有用户请求的文件到达客户端时，一定是准确无误的。

​ 3.传输的数据都是未加密的。

• HTTPS —>SSL+HTTP协议 SSL协议 —>数据加密传输协议
• Web —>1.对普通用户：互联网的使用环境、内容等 2.对网站制作者:一系列技术的复合总称（网站的前台布局、后台程序、美工、数据库开发等）
• W3C组织（万维网联盟）

4.Web标准

• 结构 —>对网页中用到的信息进行分类与整理

  • HTML(超文本标记语言) —>创建结构化的文档以及提供文档的语义 ，最新版本为：HTML5
  • XML(可扩展标签语言) —>最初是为了弥补HTML的不足，具有很强的扩展性，可用于数据的转换和描述。
  • XHTML(可扩展超文本标记语言) —>基于XML的标记语言，用以实现HTML向XML的过渡，目前已逐渐被HTML5所取代。

• 表现 —>指网页展示给访问者的外在样式（网页的版式、颜色、字体大小等），依赖于CSS（层叠样式表）

• 行为 —>网页模型的定义及交互的编写

  • DOM(对象模型) —>W3C中的文档对象模型，该模型中立于平台和语言的接口，它允许程序和脚本动态的访问和更新文档的内容、结构和样式。
  • ECMAScript(标准脚本语言) —>JavaScript是一种基于对象和事件驱动，并具有相对安全性的客户端脚本语言，广泛用于Web开发，常用来给HTML网页添加动态功能。

5.浏览器

浏览器最重要或者核心的部分是“Rendering Engine(渲染引擎)—>浏览器内核"

浏览器内核—>负责对网页语法进行解释并渲染网页(也就是显示网页效果)

内核	浏览器	特点
Trident内核(IE内核)	IE浏览器(代表)	只能用于Windows平台,不是开源的
Gecko内核	Firefox浏览器	内核开源,可以跨平台
WebKit内核	Safari浏览器、谷歌浏览器(老版本)	开源的项目
Presto内核	Opera浏览器(欧朋浏览器)	2013年之后,Opera加入谷歌阵营,已弃用该内核
Blink内核	Chrome浏览器(现在)
Trident(兼容模式)+WebKit(高速模式)—>双内核	360浏览器、猎豹浏览器

注意:谷歌浏览器使用的内核其实是Chromium内核,但该内核是WebKit内核的一个分支,因此可以归类到WebKit内核。