黑马程序员技术交流社区

标题: 学习心得 [打印本页]

作者: ljp123    时间: 2019-12-24 19:05
标题: 学习心得
实质就是规定浏览器对html页面的渲染方式(标准模式),不同的浏览器显示相同的页面.由于历史的原因,各个浏览器对页面的渲染存在差异,甚至在同一浏览器的不同版本汇总,对页面的渲染也不同。在W3C标准出现以前,浏览器对页面的渲染没有统一的规范,产生了差异(Quirks mode或者称为Compatibility Mode);由于W3C标准的推出,使浏览器渲染页面有了 统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别。问题:W3C标准推出以后,浏览器都开始采用新标准,如何保证旧的网页还能继续浏览?( 在W3C标准出现以前,很多的网页都是根据旧的方法编写的,如果用新的标准来渲染,将会导致页面出现异常.)为了保持浏览器渲染的兼容性,使以前的页面能够正常浏览,浏览器都保留了旧的渲染方法(如微软的IE),这样浏览器就产生了怪异模式和标准模式两种渲染方法,共存在一个浏览器上。
window.top.document.compatMode://BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。 //CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。 这个属性会被浏览器识别并使用,如果你的页面没有 DOCTYPE的声明,那么compatMode默认就是BackCompat,浏览器会按照自己的方式渲染页面,在不同的浏览器会显示不同的样式.如果添加了DOCTYPE的声明,那么就相当于开启了标准模式,浏览器就会按照W3C的标准解析渲染页面,保证了在所有的浏览器都是一个样式
head标签
<meata>标签
1.name属性用于描述网页,与之对应的属性值为content,content中的内容是便于搜索引擎查找信息和分类信息的
<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"><meta name="description" content="老男孩培训机构是由一个老的男孩创建的">
http-equiv,相当于http的文件头作用,可以向浏览器回传一些有用的信息,帮助正确和精确的显示网页内容,与之对应的属性值为content,content中的值就是各个参数的变量值<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> //(注意后面的引号,分别在秒数的前面和网址的后面)<meta http-equiv="content-Type" charset=UTF8">
<meta>标签
<title>oldboy</title>
<link rel="icon" >
<link  type="text/css" rel="stylesheet" href="css.css">   #引入css
<script src="hello.js"></script>
body标签
基本标签(块级标签和内联标签)
块级标签:<p>  <h1> <table> <ol> <ul> <form> <div>
内联标签:<a> <input> <img> <textarea> <span>
block(块)元素的特点总是在新行开始;宽度缺省值默认是它的容器的100%,除非指定宽度;可以容纳其他内联元素和其他块元素;通过css调高度和宽度;inline元素的特点和其他元素都在一行上,固定文字或图片宽度,不可改变,内联元素只能容纳文本或者其他内联元素,不可以通过css调整高度和宽度
特殊字符
< >;";©®


作者: 3617471903    时间: 2020-1-3 11:38

我们各自努力,最高处见
作者: 娟呀    时间: 2020-1-3 13:01
为了梦想而努力,加油啦~~
作者: pakho-chou    时间: 2020-1-3 13:15


你笑起来真像好天气
作者: 3617471903    时间: 2020-1-3 14:57
为梦而行,加油
作者: 黑马润    时间: 2020-1-3 18:10
只要路是对的,就不怕路远。




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2