HTML之DocType的几种类型

一、什么是DOCTYPEDOCTYPE是DocumentType(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML)的版本。要想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。二、选择什么样的DOCTYPXHTML1.0中有3种DTD(文档类型定义)声明可以选择:过渡的(Transitional)、严格的(Strict)和框架的(Frameset)。分别介绍如下:1.过渡的一种要求不很严格的DTD,允许在页面中使用HTML4.01...

阅读全文

CSS中!important的用法分析

1、特殊性权值有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码:p{color:red;}  .first{color:green;}  <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使...

阅读全文

javascript中事件委托详解

事件委托是利用事件冒泡,只指定一个事件处理程序来管理某一类型的所有事件。为什么要用事件委托?1.在JavaScript中添加到页面上的事件处理程序的个数直接关系到页面的整体运行性能。为什么呢?因为,每个事件处理函数都是对象,对象会占用内存,内存中的对象越多,性能就越差。此外,必须事先指定所有的事件处理程序而导致的DOM访问次数,会延迟整个页面的交互就绪时间。2.对有很多个数据的表格以及很长的列表逐个添加事件,简直就是噩梦。所以事件委托,能极大地提高页面的运行性能,减少开发人员的工作量。例如一个列表<ul id = &q...

阅读全文

javascript中addEventListener方法介绍

addEventListener()方法用于向指定元素添加事件句柄。addEventListener()方法添加的事件句柄不会覆盖已存在的事件句柄。你可以向一个元素添加多个事件句柄。你可以向同个元素添加多个同类型的事件句柄,如:两个"click"事件。你可以向任何DOM对象添加事件监听,不仅仅是HTML元素。如:window对象。addEventListener()方法可以更简单的控制事件(冒泡与捕获)。当你使用addEventListener()方法时,JavaScript从HTML标记中分离开来,...

阅读全文

javascript中typeof与instanceof用法详解

JavaScript数据类型是非常简洁的,它只定义了6中基本数据类型null:空、无。表示不存在,当为对象的属性赋值为null,表示删除该属性undefined:未定义。当声明变量却没有赋值时会显示该值。可以为变量赋值为undefinednumber:数值。最原始的数据类型,表达式计算的载体string:字符串。最抽象的数据类型,信息传播的载体boolean:布尔值。最机械的数据类型,逻辑运算的载体object:对象。面向对象的基础typeof它是一个函数或是一个语言结构。typeof(a)、typeofa;用于判断变量的数据类...

阅读全文

javascript中indexOf方法和lastIndexOf方法详解

indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。stringObject.indexOf(searchvalue,fromindex)searchvalue 必需,规定需检索的字符串值。    fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。indexOf() 方法将从头...

阅读全文

用shtml来include网页文件

在网站构建过中。当我们遇到很多的内容为静态页面,而页首与页脚又经常要更换时,如果一直使用html文件总会有很多的麻烦。因为批量修改起来很不方面,所以我们总希望能将页脚与页尾include到html文件中来。html属于客户端解析形的格式化语言,自4.0后几乎很难再有大的变动(毕竟很多浏览器只按4.0标准来解析),所以至今也没include这样的概念。而html的框架(frame与iframe)虽然可以用来包含首页与页脚文件,但使用frame与iframe的概念与动态页面(asp,jsp,php等)的include那样不同,frame与iframe的主体页...

阅读全文

CSS中zoom:1的作用

兼容IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:触发IE浏览器的haslayout解决ie下的浮动,margin重叠等一些问题。css中的zoom的作用1、检查页面的标签是否闭合不要小看这条,也许折腾了你两天都没有解决的CSSBUG问题,却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的,而他们很容易犯此类问题。快捷提示:可以用Dreamweaver打开文件检查,一般没有闭合的标签,会黄色背景高亮。2、样式排除法有些复杂的页面也许加载了N个外链CSS文件,那么逐个删除CSS文件,找到...

阅读全文

前端页面超文本链接如何去掉周围的虚线框

1.CSS方式 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=”true”属性即可,但这个属性是IE私有的,Firefox是不认的。 加了hidefocus属性IE中用CSS处理的方式为:a{noOutline:expression_r(this.onFocus=this.blur());}Firefox的处理方法比较符合标准,只需要在样式里设置a:focus{outline:none}皆可: a:focus{outline:none}MSIE和FF中的统一处理方法:a{&nb...

阅读全文

Nofollow标签的写法以及运用

无论你是在做网站的外链建设还是交换友情链接,你都不可避免的会遇到一个问题,那就是nofollow标签,Nofollow的字面意思是不要追踪,是一个html标签值,目的是告诉搜索引擎spider不要追踪页面上某个特定的链接。先来看个例子,nofollow标签的写法,以我的博客为例:一个正常的A标签如下:<a href=“http://www.xxx.com”>xxx</a>现在我加上nofollow标签,如下:<a href=“http://www.xxx.com” rel=“nofollow”&...

阅读全文