我的是： 博客园： 关于HTML文档类型参考：http://i.wanz.im/2010/05/28/why_doctype_html/ 检查发现JS在获取当前页面可视大小，和页面滚动位置有差别！在页面包含一个2000*2000的DIV是IE和Chrome在不同HTML文档类型测试整理数据如下：标准：特殊： 当HTML中未添加HTML文档类型时，默认为特殊模式！ Chrome标准Chrome特殊IE标准IE特殊document.body.clientTop;0002document.body.clientLeft;0002document.body.clientWidth;4734734...
首先说明的一点是，人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。 以前我真的没有怎么重视过搜索引擎，现在开始比较在意了，因为页面的很大一部分流量是来自搜索引擎的，要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签语义化。 以前以我对web开发的粗浅理解，觉得写一个好的符合标准的页面只需要把结构和表现分离，然后不要使用table，font等标签就行了，至于...
代码如下:#ab{margin:0 25px;position:relative;border:1px solid;font:bold;text-decoration:none;list-style:none;}a:hover{display:block;color:#000;width:50px;}#cd{display:none;}a:hover #cd{display:block;background:#edecdc;border:1px solid #f3f3f8;padding:10px 20px;color:#009933;}移到这里试试!这里是提示信息!这里是提示信息!移到这里试试!这里是提示信息!这里是提示信息!1.菜单要包裹中,因为ie6只支持a:hover效果...
对于H标签的用法特别是h1的用法一直是个争议的问题，也是值得我们研究的问题。我在总结了前人经验的基础上结合自己对H标签的理解，写下了这篇文章，希望对大家有所帮助。 什么是H标签？ W3C指出h1-h6标签可定义标题。h1定义最大的标题。h6定义最小的标题。 h1，h2，h3，h4，h5，h6，作为标题标签，并且依据重要性递减。我认为遵循这样的原则是很有必要的，它能让页面的层级关系更清楚，让搜索引擎更好地抓取和分析出页面的主题内容...
例如： 代码如下: 我们希望得到的效果是：点击“中国银行”，复选框会被选上（或者取消）。在FireFox,CHROME等浏览器下是没有问题的，但是IE浏览器却不吃这套。 解决的办法是使用JS： 代码如下: window.onload = function(){ if(document.all && navigator.appVersion.indexOf("MSIE")>-1 && navigator.appVersion.indexOf("Windows")>-1) { var a = document.getElementsByTagName("label"); for(var i=0,j=a.length;i...
你知道如果没有它，浏览器在渲染页面的时候会使用怪异模式；你知道各个浏览器在怪异模式下对各个元素渲染是有差异的。所以你会写像这样的doctype： 代码如下: 好在现在的各种web开发工具都足够强大，支持插入模板代码，因此你并不需要把这又长又臭的doctype一个个字母的敲出来。但是如果你受够了它，你也许可以尝试下面这个写法： 代码如下: 哇哦，很简洁哦！好处显而易见：一、你可以轻松的写下这个doctype，而不用担心会写错；...
比如他输入： XML/HTML代码 div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer 生成如下页面： XML/HTML代码 代码如下: 早上推荐给小茗时，他说，Zen coding有for editplus的了。欣欣下载下来。运行后却发现，生成后的代码与官方不一样，看来还是有待改进啊，zen coding for editplus生成的代码是： XML/HTML代码 代码如下: 这个与标准的偏 差实在是...
Zen Coding 是个文本编辑器的插件。在使用Zen Coding的文本编辑器中，可以用简短的代码来书写常规的HTML代码，这个工具极大的简化了HTML编写。 例如以下HTML代码：代码如下: 通过Zen Coding，一行即可： 代码如下: html:xt>div#header>div#logo+ul#nav>li.item-$*5>a 这里是在线DEMO（快捷键不起作用的，请检查可能的快捷键冲突。如搜狗输入法会占用“Ctrl+,”） Zen Coding的缩写规则有些类似CSS选择...
在 XHTML 的语言里，我们都知道：ul 标签包含着 li、dl 标签包含着 dt 和 dd——这些固定标签的嵌套规则十分明确。但是，还有许多标签是独立的，它们没有被捆绑在一起，比如 h1、div、p……那么这些标签的嵌套规则到底是怎样的？今天就来说说这个话题。 提到 XHTML 标签的嵌套规则，我们先得知道有这么二类 XHTML 标签，一类叫做 块级元素(block)，一类叫做 内嵌元素（inline，也有许多人叫它：内联、行内、...
一、文档规则 1.区分大小写。 2.属性值必须加引号（单引号、双引号都可以），一般情况下建议使用使用双引号。 3.所有标记必须有结束符号。 4.所有空标记必须关闭。 5.必须有且仅有一根元素。 6.解析空白字符时，会按照实际内容输出，不会缩略。 7.特殊字符处理： 字符 替换字符 > > & & " &quto; ' ' 8.标记名称约定： a.可以包含字母、数字、其他字符。 b.不能以数字和下划线开头。 c.不能以xml或者Xml之类的...
那么到底在GIF,PNG,JPG这些格式我们要选择哪一种作为候选格式,而哪种图片格式可以让图片更小,却拥有更好的图片质量呢? 1.图片格式 GIF GIF最突出的地方就是他支持动画,同时GIF也是一种无损的图片格式,也就是说你在修改图片之后,图片质量并没有损失.再者GIF支持半透明(全透明或是全不透明).根据Google的说法,GIF适用于很小或是较简单的图片(1010以下或是3种颜色以下的图片). PNG 首先,PNG包括了PNG-8跟真彩色-PNG(PNG-24 or PNG-32)...
htmlhtml:xml <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
一.概述 本文系统的讲解DOCTYPE元素.同时查证了很多的资料.因为互联网上面的资料比较杂乱,所以经过收集整理我进行了重新定义.比如对于DOCTYPE元素的定义.主要分为基础知识和高级知识.基础知识讲解基本的DOCTYPE知识. 高级知识很多来自网络收集, 主要是实际应用的一些技巧. 二.定义 DOCTYPE是文档类型(Document Type)的缩写, 元素用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD).此元素声明位于文档中的最前面...
HTML的复用是一个很少被提及的词汇，今天就这个问题小结如下： 在老版本的浏览器中HTML文档是不支持嵌套的，而我们要能够复用HTML代码通常的做法主要有基于服务器端和客户端实现的2大类方法： 1.服务器端实现 a.使用SSI,既通常的shtml文件。 b.asp、php等的include类语句，asp.net的模板页和用户控件。 2.在客户端实现 a.使用javascript客户端脚本 a1.可以在html文档的onload事件中触发一个js方法，在该方法中...