w3c怎么检测html5,HTML5教程：html标签属性通过w3c验证

该楼层疑似违规已被系统折叠隐藏此楼查看此楼

昨天一个朋友的项目，客户需要通过w3c验证(可能你认为这是很操蛋的一件事情，其实我也这样认为，浏览器兼容才是硬道理，但顾客就是死了很多年但人们还以为他还活着一个扯蛋的东东，西方人叫做上帝-god, 狗的，就差一个ri，他们的需求，不满足就没办法呀)。但是他在标签里写了一些用户属性，所以通不过。问我解决的方案，想了一些方法给他。

首先解释一下什么叫用户属性，如果你是高手，可以不用看。。红色的部分就是用户属性，有时候我们需要用javascript code某些东西的时候，这个必不可少。但他确实不能通过W3C的验证。

下面是我能想到的一些解决方案：

一、用子标签隐藏来代替用户属性。

myAttrValue

内容

然后设置css

.myAttr{display:none;}

怎么获取那个数据，可以自己去查一下。

二、使用HTML5 DTD + data- 来解决

html5支持用户自定义属性，但要求必须以“data-”开始，可以通过验证。

三、使用通用属性来解决

title属性是大多数标签都可以有的，完全可以通过验证。

可是，问题来了，当鼠标移动到标签上，title直接显示出来，很不好的用户体验。

所以，想到了用javascript或者jquery来解决这个问题：

(function($){

$.fn.setUserAttr=function(options){

var defaults={dataName:"userData"};

var opts = $.extend({},defaults,options||{});

return this.each(function(){

$this=$(this);

var userAttrVal=$this.attr("title");

$this.attr("title","").data(opts.dataName,userAttrVal);

})

};

})(jQuery)

html:

应用：

$(".useAttr").setUserAttr();

通过$(".useAttr").data("userData")来获取数据.

或者

$(".useAttr").setUserAttr({dataName:"yourAttrName"});

通过 $(".useAttr").data("yourAttrName ")来获取数据

当然，只是个人的一些想法。

w3c怎么检测html5,HTML5教程：html标签属性通过w3c验证相关推荐

html中form标签的作用style,HTML5中meta常用标签属性说明
HTML5中meta常用标签属性说明 IE 兼容模式,Bootstrap 不支持 IE 古老的兼容模式.为了让 IE 浏览器运行最新的渲染模式下,建议将此标签加入到你的页面中: content属性 ...
audio标签的controls属性_HTML5教程 audio标签属性详解
本篇教程探讨了HTML5教程 audio标签属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < src:String型,所播放音频的 url. auto ...
HTML5实例教程:OL标签的start属性和reversed属性
在HTML5中的OL被改良了,为它增加了两个新属性. start属性: start属性用来定义列表编号的起始位置,比如下面的代码,列表将从50开始51...55以此类推 <ol start=&q ...
html5定义页脚标签,使用 HTML5 中的新标签和新属性
新标签主要分成三个部分:语义化标签.功能性标签及新的输入控件类型语义化标签 .. . ....... 这些新的语义化标签目前得到了大部分主流浏览器的支持,建议直接使用:如果是在IE 8及以下版本,无 ...
css点击a标签显示下划线_好程序员HTML5培训教程-html和css基础知识
好程序员HTML5培训教程-html和css基础知识,Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. Css ...
title标签-HTML5精讲课时ID:6.4 【表严肃】#HTML教程 #HTML5教程 #title标签
6.4 <title>标签-HTML5精讲课时ID:6.4 [表严肃]#HTML教程 #HTML5教程 #title标签是什么 <title>标签用于指定浏览器标签上显示的 ...
html5中音频、视频标签、自定义播放器常用属性及方法、全屏操作、新增属性兼容问题
多媒体标签: 音频标签audio: <audio src="音频文件的URL"></audio><!-- audio标签需要controls控件才可以 ...
ie8 html 语音标签,让IE8支持html5中的video标签
这是一篇综合几个前辈的解决方案. 使用video的时候,要遇到的问题. ①不兼容ie9及其以下版本在里添加两行, 参考张鑫旭前辈的博客,但是在ie8中薄播放. ②又要无休止的找ie8的解决方法,自 ...
HTML5简明教程系列之HTML5 表格与表单（二）
HTML的第二弹也来了,最近高产似母猪,状态也不错,代码来源为实验课.本期主要内容为:HTML表格与DIV应用.HTML表单.上期基础部分的传送门: HTML5简明教程系列之HTML5基础(一)_Th ...
【前端系列教程之HTML5】06_HTML5新标签
一.HTML5新布局标签许多现有网站都包含以下HTML代码: <div id="nav">, <div class="header"> ...

w3c怎么检测html5,HTML5教程：html标签属性通过w3c验证

w3c怎么检测html5,HTML5教程：html标签属性通过w3c验证相关推荐

最新文章

热门文章