实现网页价值，就必须先学会，如何提升页面对搜索引擎的亲和度，如何将代码高度压缩，如何提升页面加载速度，如何为企业节省互联网成本，如何提升网页的整体价值，将页面优化至极致！
- 什么是W3C？
W3C是World Wide Web Consortium的缩写，中文是W3C组织或者万维网联盟，W3C这个组织是出网页标准的。那么有W3C组织出的标准就被称为W3C标准，那么符合W3C标准的页面就是标准页面了。
W3C标准不是一个标准，而是一系列标准的集合，包含三部分的标准：结构标准、表现标准和动作标准。与结构标准对应的代表语言是xHTML，与表现标准对应的代表语言是CSS，与动作标准对应的代表语言是JavaScript。
当我们将一个成品的网页设计制作成一个静态页面的时候，就要符合结构标准和表现标准，那么制作出来的页面就是标准页面，用它们相对应的语言来描述这种制作标准页面的技术我们就称之为“xHTML+CSS”！
- 不同浏览器的不同内核
浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。
（1）IE内核：Trident
其中部分浏览器的新版本是“双核”甚至是“多核”，其中一个内核是Trident，然后再增加一个其它内核。国内的厂商一般把其它内核叫做“高速浏览模式”，而Trident则是“兼容浏览模式”，用户可以来回切换。
（2）Firefox内核：Gecko
Gecko的特点是代码完全公开，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。
（3）Safari：Webkit
（4）Opera
以前是Presto内核，现已改用Google Chrome的Blink内核
（5）Chrome
Blink（基于webkit，Google与Opera Software共同开发）
- head
（1）<!DOCTYPE>
<!DOCTYPE>不是HTML标签。它为浏览器提供一项信息（声明），即HTML是用什么版本编写的。
常用的声明：
HTML5
<!DOCTYPE>HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
（2）<head>
<head>标签用于定义文档的头部，它是所有头部元素的容器。<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息，包括文档的标题，在 Web 中的位置以及和其它文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在head部分：
√ <title> 标签定义文档的标题。title 元素在所有 HTML/XHTML 文档中都是必需的。
√ <base> 标签为页面上的所有链接规定默认地址或默认目标（target）。
√ <link> 标签定义文档与外部资源之间的关系。
√ <style> 标签用于为HTML文档定义样式信息。
√ 元数据（metadata）是关于数据的信息。<meta> 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。典型的情况是，meta元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其它元数据。
一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引你的页面。
√ <script> 标签用于定义客户端脚本，比如JavaScript。
扫一扫
8085
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
