Python学习笔记第十三周

Posted 2020-09-19

目录：

　　一、HTML

　　二、CSS

 

一、HTML

1、概述

　　HTML是英文Hyper Text Mark-up Lang（超文本标记语言）的缩写，他是一种制作万维网页面的标准语言，相当于定义统一的一套规则，大家都来遵守他，这样就可以让浏览器根据标记语言的规则去解释它

　　浏览器负责将标记翻译成用户看得懂的格式呈现给用户

2、HTML文档

　　文档树

　　Doctype

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

　　有与无的区别：

　　　1、BackCompat：标准兼容模式未开启（或叫怪异模式、混杂模式）

　　　2、CSS1Compat：标准兼容模式已开启（或叫严格模式）

　　这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat，这也就是恶魔的开始---浏览器按照自己的方式来解析渲染页面，那么在不同的浏览器就会显示不同的样式，如果你的页面添加了DOCTYPE那么就等同于开启了标准模式，浏览器就按照W3C的标准解析渲染页面，这样一来，你的页面在所有浏览器里显示的就都是一样了

　　用处：

　　DOCTYPE告诉浏览器使用什么样的html或者xhtml规范来解析html文档，dtd文件则包含了标记、attri、proprties、约束规则

 

　　Meta（metadata information）

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

　　1、页面编码（告诉浏览器是什么编码）　　

1 <meta http-equiv="content-type" content="text/html;charset=utf-8" />

 

　　2、刷新和跳转

1 <meta http-equiv="refresh" content="30"/>
2 <meta http-equiv="refresh" CONTENT="5;Url=http://www.baidu.com"/>

　　3、关键字

1 <meta name="keywords" content="星际2,专访"/>

　　4、X-UA-Compatible

　　微软IE6是通过XP、WIN2003等操作系统发布出来的，作为占统治地位的桌面操作系统，也使得IE占据了统治地位，许多网站开发的时候，按照IE6标准去开发，而IE6自身的标准也是微软公司内部定义的，到了IE7的时候，采用微软公司内部标准以及部分W3C标准，这个时候许多网站升级到了IE7就比较痛苦，很多代码调整后，才能正常运行，而到了IE8以后，基本微软内部定义标准就废弃了，而全面支持W3C标准，由于基于对标准彻底变化使得原先在早期IE8上能够访问的网站，在IE8上没法正常访问，会出现一些排版错误、文字重叠、显示不全等各种兼容性错误。

　　与任何早期浏览器相比，IE8 对行业标准提供了更加紧密的支持，因此针对旧版本的浏览器设计的站点可能不会按照预期显示，为了帮助减轻问题，IE8引入了文档兼容性概念，从而允许指定站点所支持的Internet Explo版本，文档兼容性在IE8上添加了新的模式，这些模式告诉浏览器如何解释和呈现网站，如果站点在IE8中没法正确显示，则可以更新该该站点以支持最新的WEB标准，也可以强制IE8按照旧的浏览器中查看站点方式来显示内容，通过使用meta元素将X-UA-Compatible标头添加到网页中，可以实现这点。

　　当IE8遇到未包含X-UA-Compatible网页时，将使用指令来确定如何显示该网页，如果该指令丢失或者未指定基于标准的文档模型，则IE8以IE5模式来显示

1 <meta http-equiv="X-UA-COMPATIBLE" content="IE=IE7"/>

　　

　　Title

　　网页头部

 

　　Link　　

　　1、css

1 < link rel="stylesheet" type="text/css" href="css/common.css" >

　　2、icon（表示在网页顶部小标签上可以添加图片）

1 < link rel="shortcut icon" href="image/favicon.ico">