基本概念
浏览器概念：浏览器是指可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）内容，并让用户与这些文件交互的一种软件。它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种信息。大部分网页为HTML格式。
常用浏览器：
- Internet Explorer
- Firefox
- Safari
- Opera
- Google Chrome
- 猎豹浏览器
- 360浏览器
- UC浏览器
- 傲游浏览器
- 世界之窗浏览器
浏览器内核
内核简介
- 浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。
- 负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页
- 通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。
五大浏览器
- IE浏览器 IE是微软公司旗下浏览器，是目国内用户量最多的浏览器。
- Opera浏览器 Opera是挪威Opera Software ASA公司旗下的浏览器。
- Safari浏览器 苹果公司在苹果手机上开发Safari浏览器，利用自己得天独厚的手机市场份额使Safari浏览器迅速成为世界主流浏览器。
- Firefox浏览器 Firefox浏览器使Mozilla公司旗下浏览器，也是刚才提到的网景公司后来的浏览器。
- Chrome浏览器 Chrome浏览器是google旗下的浏览器。
内核分类
- Trident（也称IE内核）
- webkit
- Blink
- Gecko
浏览器所使用的内核
- IE浏览器内核：Trident内核，也是俗称的IE内核；
- Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；
- Firefox浏览器内核：Gecko内核，俗称Firefox内核；
- Safari浏览器内核：Webkit内核；
- Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核；
- 360浏览器、猎豹浏览器内核：IE+Chrome双内核；
- 搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）；
- 百度浏览器、世界之窗内核：IE内核；
- 2345浏览器内核：以前是IE内核，现在也是IE+Chrome双内核；
web标准
什么是web标准？
- WEB标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。
- 网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）
web标准
- 结构：html
- 表现：css
- 行为：js（dom + es）
结构、表现、行为分离有哪些优点
- 易于维护：只需更改CSS文件，就可以改变整站的样式
- 页面响应快：HTML文档体积变小，响应时间短
- 可访问性：语义化的HTML（结构和表现相分离的HTML）编写的网页文件，更容易被屏幕阅读器识别
- 设备兼容性：不同的样式表可以让网页在不同的设备上呈现不同的样式
- 搜索引擎：语义化的HTML能更容易被搜索引擎解析，提升排名
HTML简介
什么是HTML？
- HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
什么是HTML 标签？
- HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词，比如 <html>
- HTML 标签通常是成对出现的，比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签，第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
HTML 文档
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
- Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。
- 浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容
HTML文档结构
- HTML文档结构包括三部分
- <html>
此元素可告知浏览器其自身是一个 HTML 文档。所有的标签都写到它的内部 - <head>头部
<head>头部位于<html>和</html>之间 - <title>标题
<title>展示在浏览器标签当中的标题 - <meta>元标签
<meta>这个标签用来描述HTML网页文档的属性 - <body>主体
显示网页的主体内容
XHTML 与 HTML 之间的差异
- 所有标签都必须小写
在XHTML中，所有的标签都必须小写，不能大小写穿插其中，也不能全部都是大写。
- 标签必须成双成对
像是<p>...</p>、<a>...</a>、<div>...</div>标签等，当出现一个标签时，必须要有对应的结束标签，缺一不可，就像在任何程序语言中的括号一样。
- 标签顺序必须正确
标签由外到内，一层层包覆着，所以假设你先写div后写h1，结尾就要先写h1后写div。
- 所有属性都必须使用双引号
在XHTML 1.0中规定连单引号也不能使用，所以全程都得用双引号。
- 不允许使用target="_blank"
从XHTML 1.1开始全面禁止target属性，如果想要有开新窗口的功能，就必须改写为rel="external"，并搭配JavaScript实现此效果。
- 程序员都是放荡不羁的,不想受这些约束.所以大家还都是使用HTML
扫一扫
4516
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
