CSS标签检查

　　今天要推荐的是holmes，这是一个CSS样式表，用于检查HTML标签潜在的问题。

　　它将对如下情况做检测：

　　标签缺少必须的属性，如inputs标签缺少name属性

　　链接是这样的href=”#”，给出改进建议

　　非W3C标准的元素和属性

　　使用时只需将下载的CSS文件包含进网页中，然后在BODY或HTML标签中加入class=”holmes-debug”就可以了。

　　环境要求: jQuery

　　 兼容性: Chrome 10+、Safari 5+、Opera 10+、Firefox 3.5+、IE9

　　 网站: http://www.red-root.com/sandbox/holmes/

　　 演示: http://www.red-root.com/sandbox/holmes/testsuite/testsuite.html

　　 官方下载: http://www.red-root.com/sandbox/holmes/holmes.latest.zip

时间： 2024-08-04 08:31:12

CSS标签检查的相关文章

CSS标签语法:详解选择符中的关系选择符

文章简介:CSS标签语法:详解选择符中的关系选择符. 相信大家都对CSS选择符都不陌生,选择符包含:元素选择符.关系选择符.属性选择符.伪类选择符.伪对象选择符.在众多的选择符中,可以让我们根据自己的需要更加灵活性的选择合适的选择符来对样式进行编写,达到最大的质量和效率. 今天就为大家介绍下选择符中的关系选择符,"关系"这可是一等一的大事啊,我们得理清楚,这样做事情才能更加的有效率.不然在CSS中有你受的,哈哈.关系选择符有四个类别:包含选择符.子选择符.相邻选择符.兄弟选择符.接下来

CSS 标签属性/属性参考

css|参考 这里列出了目前支持的样式表(CSS)标签属性.标有星号(*)的标签属性可于 Microsoft Internet Explorer 5 中使用.标有两个星号(**)的标签属性可于 Internet Explorer 5.5 中使用.带有两个加号(++)的标签属性可于 Internet Explorer 6 中使用.如果某个标签属性或属性已经提交给万维网协会(W3C)但尚未作为标准发布,则标有"已提交".若某个标签属性或属性既未提交给 W3C 也不是标准,将标有"

CSS标签属性

这里列出了目前支持的样式表(CSS)标签属性.标有星号(*)的标签属性可于 Microsoft Internet Explorer 5 中使用.标有两个星号(**)的标签属性可于 Internet Explorer 5.5 中使用.带有两个加号(++)的标签属性可于 Internet Explorer 6 中使用.如果某个标签属性或属性已经提交给万维网协会(W3C)但尚未作为标准发布,则标有"已提交".若某个标签属性或属性既未提交给W3C也不是标准,将标有"扩展".

div css标签大全

 div css标签大全如下,CSS标签手册本站有详细介绍和教程,请登录相关页面浏览,DIV具体标签如下. DIV+CSS是网站标准(或称"WEB标准")中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准 中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位. 用div盒模型结构给各部分内容划分到不同的区块,然后用css来定义盒模型的位置.大小.边框.内外边距 .排列方式等.   标签 描述 <!--

div css标签:CSS+div 常用标签

最近在做网页的项目 很多东西都忘记了  我整理一下CSS+div 常用标签 希望可以帮助我和大家共同学习一下 先把整个网站构架起来才是基础,下一步才是加入jsp和Ajax.CSS中的长度 绝对单位:几乎不用在网页中 in 英寸      1in = 2.54cm cm 厘米    1cm = 0.394in pt 磅        1in = 72pt pc pica      1in = 6pc 相对单位:较常用 em   1em = 相应字体的font-size值 ex    1ex = 相

加深对HTML和CSS标签语义化的理解

前两天参加了公司组织的一个WD培训,有一节课讲了标签语义化,听了之后感觉特别有用,更正了我以前对 HTML 和 CSS 的错误看法. 首先说明的一点是,人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码.搜索引擎只能通过标签来判断内容的语义. 以前我真的没有怎么重视过搜索引擎,现在开始比较在意了,因为页面的很大一部分流量是来自搜索引擎的,要使页面尽可能地对搜索引擎友好,所以就要尽可能地使标签语义化. 以前以我对web开发的粗浅理解,觉得写一个好的符合标准的页面只需要把结构和表现分离,然后

CSS标签切换代码实例教程 比较漂亮_经验交流

我们的设计越来越追求一种简洁的风格,希望在有限的空间内展示更多的内容.与此同时我们发现一些问题,内容的简单排列总使页面很长.滚屏很多才能将显示的内容布局完毕.YAHOO与网易率先应用了标签切换的布局方式,打破了常规布局的局限性,在相同尺寸的区域内,可以放置更多的内容.我们只需要点击不同的选项卡或链接就能展开内容,这并不需要打开新的网页,只是在同一页内完成. 一.标签切换总体的实现思路: 实现这种标签切换的布局有多种方式,也流传着各种不同的代码,我们应用DIV CSS进行布局,首先来整理一下思路,

PHP去除多余的HTML,Javascrit,Css标签

1.不保留任何HTML标签,代码会是这样:echo strip_tags($str);   2. 只保留<p>一个标签的话,只需要将<p>字符串写到strip_tags的第二个参数中,代码会是这样:echo strip_tags($str, "<p>");   3. 我们要保留<p>与<b>-多个标签,只需要将多个标签用空格分隔后写到strip_tags的第二个参数中,代码会是这样:echo strip_tags($str,

CSS的伪元素:标签div:before、div:after

文章简介:CSS伪元素before.after妙用:制作时尚焦点图相框 在css标签中有这样子的标签div:before.div:after,对于before.after来说有部分人是相当陌生的,那么这两个标签是什么呢?有什么用处?:befor.:after是CSS的伪元素,什么是伪元素呢?伪元素用于向某些选择器设置特殊效果.我们用CSS手册可以查询到其基本的用法: E:before/E::before 设置在对象前(依据对象树的逻辑结构)发生的内容.用来和content属性一起使用 E:aft