python自定义html_python 学习笔记十二 html基础（进阶篇）

HTML

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身 是一种文本文件，通过在文本文件中添加标记符，

可以告诉浏览器如何显示其中的内容(如：文字如何处理，画面如何安排，图片如何显示等)。浏览器按顺序阅读 网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，

且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出 错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果.

基本组成：

HTML文档

Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档

有和无的区别

BackCompat：标准兼容模式未开启(或叫怪异模式[Quirks mode]、混杂模式)

CSS1Compat：标准兼容模式已开启(或叫严格模式[Standards mode/Strict mode])

这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。

如果你的页面添加了那么，那么就等同于开启了标准模式，那么浏览器就得老老 实实的按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。看起来很牛逼的样子。

HTML-HEAD

1、Meta(metadata information)

提供有关页面的元信息，例：页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词、兼容性

页面编码

刷新

刷新、跳转

关键词和描述

X-UA-Compatible

微软的IE6是通过XP、Win2003等操作系统发布出来，作为占统治地位的桌面操作系统，也使得IE占

据了通知地位，许多的网站开发的时候，就按照IE6的标准去开发，而IE6自身的标准也是微软公司内部定义的。到了IE7出来的时候，采用了微软公司内部

标准以及部分W3C的标准，这个时候许多网站升级到IE7的时候，就比较痛苦，很多代码必须调整后，才能够正常的运行。而到了微软的IE8这个版本，基本

上把微软内部自己定义的标准抛弃了，而全面的支持W3C的标准，由于基于对标准彻底的变化了，使得原先在早期IE8版本上能够访问的网站，在IE8中无法

正常的访问，会出现一些排版错乱、文字重叠，显示不全等各种兼容性错误。

与任何早期浏览器版本相比，Internet Explorer 8 对行业标准提供了更加紧密的支持。

因此，针对旧版本的浏览器设计的站点可能不会按预期显示。 为了帮助减轻任何问题，Internet Explorer 8

引入了文档兼容性的概念，从而允许您指定站点所支持的 Internet Explorer 版本。 文档兼容性在 Internet Explorer

8 中添加了新的模式；这些模式将告诉浏览器如何解释和呈现网站。 如果您的站点在 Internet Explorer 8

中无法正确显示，则可以更新该站点以支持最新的 Web 标准(首选方式)，也可以强制 Internet Explorer 8

按照在旧版本的浏览器中查看站点的方式来显示内容。 通过使用 meta 元素将 X-UA-Compatible 标头添加到网页中，可以实现这一点。

当 Internet Explorer 8 遇到未包含 X-UA-Compatible 标头的网页时，它将使用 指令来确定如何显示该网页。

如果该指令丢失或未指定基于标准的文档类型，则 Internet Explorer 8 将以 IE5 模式(Quirks 模式)显示该网页。

2、title

网页头部信息

测试页面

3、link

定义了页面链接标签的默认链接地址 例如：导入页面头部图标，外部css

4、Style

1、在当前文件中写Css样式

.cc{color:red;font-size:19px;

}

2、在其他文件中写Css样式类似python的模块导入的方式把Css样式导入到当前文件中使用

5、Script

1、在当前文件中写JS

引进文件

js代码

2、在其他文件中写JS类似python的模块导入的方式把JS导入到当前文件中使用

HTML-BODY

标签一般分为两种：块级标签 和 行内标签，块级标签占用的是整行，内联标签占用的他所使用的实际大小

a、span、select 等

div、h1、p 等

特殊符号特殊处理

举例来说

是标题标签，如果我想输出

这个字符串，而不是想获取

的样式怎么办呢？

正常情况下如果直接在html文件里输入

当有浏览器在读取的时候就会讲

解释,页面将无法显示，所以特殊的标签需要特殊处理。

更多特殊符号请参看：http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html

1.标题(h标签)

标题1

标题2

标题3

标题4

标题5

标题6

2.段落(p标签)

wolegeca
what are you
nongshaneganhaneganhaneganhane

wolegeca what are you nong sha ne
how much fuck you once

3.div(div+css)

wolegeca
what are you
nongshaneganhaneganhaneganhane

wolegeca what are you nong sha ne
how much fuck you once