草庐IT

css - HTML 旁白标记 : is it OK to use for form error message?

所以我有一个表单,并且我会有与每个输入/元素相关联的错误消息。我想出了的这种用途标记并想知道人们的想法:Jobtitle:Pleasetellusyourjobtitle.然后我将使用CSS来显示或隐藏用一点JS来改变这个错误。我知道我可以只使用span并完成它,但是span标签没有语义值,而且我在上阅读过的所有(简短和模糊的)信息似乎说这没有问题,但我希望我能得到一些确认,或者以前尝试过并找到充分理由不这样做的人。谢谢,Si。 最佳答案 所有主流浏览器都支持标记。然而,有更优雅的方法可以做到这一点,并且对于你的意思来说并不是特别语

html - :focus pseudo-class and when it is applied

:focus选择器用于设置一般意义上具有焦点的元素的样式。但考虑到鼠标按下或触摸等情况,它究竟何时应用?作为Web开发人员,我如何控制它的一致性?例如在StackOverflow上,如果我在其中一个链接上按下鼠标,但没有激活,通过在释放之前将鼠标移开,链接获得键盘焦点(如按下Tab键所示,焦点转到下一个链接)。但是它没有得到:focus风格,即使它有焦点。如果我点击一个链接,我会得到:focus大纲样式。但是在我正在使用的网站之一上,按下鼠标会给我:focus风格直接,所以一定有一些微妙的细节。在此代码段中,和Chrome中的元素对我来说就像我之前的描述一样,以及可点击的似乎像后者一样

javascript - 创建一个纵横比为 1 的 div :1 knowing only its height in percentage

我想知道你是否可以帮我解决这个问题。我有一个div(白色),我需要在边框上放置两个圆形按钮(绿色)。一切都应该用CSS来完成。它应该是这样的:Screenshot现在,问题是我不知道白色div的大小,而且在创建时我也不会知道,因为之后它会被添加到DOM中。我所知道的是白色div相对于其future的父级具有百分比宽度和高度。因此,在创建时,由于尚未添加,对width()、height()或其css值的任何调用都将不起作用。我看过所有这些告诉您如何制作具有固定宽高比的div的片段。我现在需要这个,我需要按钮是1:1,但我所知道的尺寸是它必须是白色div高度的100%(因此,它的宽度应该等

html - 背景颜色在 :visited but it works if i add any background color to a {background:#fff}, 上不起作用这是一个错误吗?

background-color对a:visited不起作用,但如果我向a{background:#fff}添加任何背景色,它就会起作用,这是一个错误吗?查看此示例http://jsfiddle.net/jitendravyas/CMWWm/1/a:visited上的绿色背景将不起作用。但是现在,如果我在顶部添加a{background:#fff},则a:visited上的绿色背景将开始工作。http://jsfiddle.net/jitendravyas/D6vGX/1/ 最佳答案 检查一下,Firefox对:visited做了一

html - 视频 html5 : Is it possible to display thumbnail from video on a specific time?

我用这个在浏览器上有一个视频播放器在点击播放之前,它会显示视频最开始的图像,但在我的大部分视频中,前几秒都是黑屏。是否可以让它在视频的特定时间获取图像,例如“0:00:15”,而无需为视频创建缩略图? 最佳答案 我只想在此添加一件事我猜你忘了在视频标签中添加preload="metadata"属性,如下所示还有一件事我想补充一点,这不会在15秒后开始播放视频,这只会截取视频的屏幕截图并将其作为视频的第一View 关于html-视频html5:Isitpossibletodisplayth

javascript - Div 溢出滚动到底部 : Is it possible?

如果我有一个带有overflow:auto的div以便它是一个可滚动的div并且我加载它的信息使一个重要的滚动区域,有没有办法在我加载信息时,div显示底部结果?或者基本上滚动到底部?我看过jQuery解决方案,但这是在HTA中使用的,所以我不能使用jQuery。是否有纯JavaScript的方式来实现这一点? 最佳答案 varmyDiv=document.getElementById('myDiv');myDiv.scrollTop=myDiv.scrollHeight;在Firefox、Safari、Opera、Chrome甚至

javascript - $(window).resize() 在 safari : why it works also if scroll window (but doesn't resize)?

我注意到,在我的iphone5上使用safari$(window).resize()它的工作方式很奇怪......我有这个代码:$(document).ready(function(){$(window).resize(function(){avviaChart();initialize();if($('#time').is(':checked')){$("#time").removeAttr('checked');$("#Time").css('border','2pxsolid#ffffff');}});});此代码仅在窗口大小发生变化时才有效....与其他浏览器一起工作非常好,但

html - 从 Web Worker 内部使用 WebGL : is it possible ? 如何?

我打开了这个matrixmultiplicationbenchmarks并且我的浏览器(Firefox7.0.1)卡住,直到基准测试完成(我在旧的AsusEeePC1000H中打开页面)。我听说WebWorker的发明是为了将处理与显示网页分开。是否可以使用WebWorkersAPI使WebGL不会停止整个Web浏览器? 最佳答案 为清楚起见:您链接到的基准测试根本不使用WebGL。(我应该知道,我写了它。)在那个特定的基准测试中,你现在绝对可以在WebWorker中运行它,它会非常好。(有趣的事实-WebWorkers在构建基准测

查询 : Is it bad practice to use a custom attribute in my html code?

我一直在添加我使用JQuery引用的自定义属性,效果很好。但这是好的做法吗?例子:谢谢大家 最佳答案 最佳做法是使用HTML5data-*属性:这是符合标准的HTML5,与任意自定义属性不同。它还确保您的自定义属性不会与将来的某些标准属性冲突。在最近(1.5+)版本的jQuery中,您还可以使用$('.monkeys').data('customatrr')访问该属性。 关于查询:Isitbadpracticetouseacustomattributeinmyhtmlcode?,我们在S

html - nested_form/茧 : is it okay to use table rows for nested fields?

我通常不为表单使用表格,但是当有嵌套表单时(当使用nested_form或cocoongem时),是否可以将每组表单元素放在表格行中?对我来说,这似乎很直观:表格中的每一行都代表一个对象。但是nested_form和cocoongem都没有在默认情况下在它们的示例中添加表格,所以我想知道使用表格是否不是最好的方法? 最佳答案 是的。如果您要输入表格数据,那么您应该使用表格。我没有测试以下示例,但我认为它应该可以工作。假设您正在构建包含一堆订单项的收据,每个订单项都有描述和价格。在您看来:%table%thead%tr%thDescr