码迷,mamicode.com
首页 > 编程语言 > 详细

Python学习笔记第十三周

时间:2017-05-21 22:30:48      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:python学习   css   image   intern   文本   属性   url   baidu   UI   

目录:

  一、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">

 

 

 

 

 

Python学习笔记第十三周

标签:python学习   css   image   intern   文本   属性   url   baidu   UI   

原文地址:http://www.cnblogs.com/xiaopi-python/p/6886339.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!