html+加粗+w3c,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 ")来获取数据

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

html+加粗+w3c,HTML5教程：html标签属性通过w3c验证相关推荐

audio标签的controls属性_HTML5教程 audio标签属性详解
本篇教程探讨了HTML5教程 audio标签属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < src:String型,所播放音频的 url. auto ...
title标签-HTML5精讲课时ID:6.4 【表严肃】#HTML教程 #HTML5教程 #title标签
6.4 <title>标签-HTML5精讲课时ID:6.4 [表严肃]#HTML教程 #HTML5教程 #title标签是什么 <title>标签用于指定浏览器标签上显示的 ...
HTML5新增的标签属性以及它们的用法
HTML5新增了一些标签,但它们并不像我们想象的那样陌生,它们只是更加符合我们的思维方式,更人性化.按照以往的布局方式,我们要划分页面结构时都是使用的div,例如<div class=" ...
HTML5 Audio/Video 标签,属性,方法,事件汇总（转）
2019独角兽企业重金招聘Python工程师标准>>> <audio> 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放c ...
在html5代码中加个时间,HTML5中video标签“事件”详解（实时监测当前播放时间）代码...
1.html代码:video后边几个元素,可处理ios 系统的兼容性 2.Js代码: //获取视频DOM元素 var myVideo = document.getElementById("m ...
html5 video 播放状态,10分钟了解HTML5的Video标签属性、方法和事件
标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 width ...
html5表单pattern属性配合正则验证手机号码,身份证
pattern="[1]+[3456789]+\d{9}" html5表单自带的表单验证规则身份证,手机号 html5表单验证之前一直不知道怎么自定义提示信息,今天看到了资料就记 ...
html5语义化标签加粗,html5标签 H5标签
html> h5文本元素 1.文本元素 2.加粗文字 b 3.倾斜文字 i 4.删除文字 del 5.加粗文字2 strong 6.安全换行 wbr~~~ 7.强调倾斜元素 em 8.删除线2 ...
html 把文字显示控制,控制字体加粗显示的html标签是哪个
控制字体加粗显示的html标签是哪个发布时间:2021-06-09 09:27:30 来源:亿速云阅读:88 作者:小新这篇文章主要介绍了控制字体加粗显示的html标签是哪个,具有一定借鉴价值, ...
3.2 HTML中级 - 常用标签（上） | html5教程，html高频常用标签，html教程，html css，html5，html模板
3.2 HTML中级 - 常用标签(上) 目录头部标签补充转义字符 ( 字符实体 ) 修饰标签 h b i em sub sup del br a 链接 img 图片 Table 标签三种列表 ...

html+加粗+w3c,HTML5教程：html标签属性通过w3c验证

html+加粗+w3c,HTML5教程：html标签属性通过w3c验证相关推荐

最新文章

热门文章