HTML的基础概念

如何去制作网页

网页是什么？

1. 网页主要有文字、图像和链接等元素构成
2. 音频、视频、flash等

网页形成

前端代码》浏览器渲染》客户眼中的网页

常用浏览器:

IE/Edge, safari,谷歌，火狐（firefox）、Opera

市场占有率：

https://tongji.baidu…com/research/site

浏览器：谷歌

win7+IE8

浏览器内核

1. 渲染引擎（layout engineer/Rendering engine）
   • 负责取得网页的内容（html,图像）、整理讯息（css）、以及计算网页的显示方式、输出
2. JS引擎
   • 解析js，实现动态效果

浏览器的内核有哪些

1. Trident(IE内核)：

   • 国内双核浏览器，其中一个一个内核
   • 代表：IE，傲游，世界之窗、Avant、猎豹、360极速浏览器、百度
   • win10之后 edge浏览器 新内核EdgeHtml

2. Gecko(firefox) :曾经很辉煌 与flash兼容性比较好；

3. webkit（Safari）：早期谷歌浏览器没有内核，苹果公司webkit让谷歌去使用

   webkit苹果公司开发的

4. Blink（chrome）：Blink内核脱胎于webkit，Blink是webkit的一个分支，优化，完善，

   2013/4/3

5. Presto(Opera):

   Presto前任；最新版本使用Blink内核

浏览器去遵循标准-web标准

好处

1. 有利于web的发展
2. 内容能被更广泛的设备访问
3. 更容易被搜寻引擎搜索
4. 降低网站流量费用
5. 提高可维护性
6. 提高了浏览速度

web标准

由W3C和其他标准化组织制定一系列的标准集合

结构（structure）

• 网页元素进行整理 XML和XHTML

表现（presentation）

• 设置网页元素大小，颜色。。。 主要指CSS

行为（behavior）

• 交互 动态交互