Tag: html

隐藏属性（HTML5）和display：none规则（CSS）之间有什么区别？: HTML5有一个新的全局属性， hidden ，可以用来隐藏内容。 <article hidden> <h2>Article #1</h2> <p>Lorem ipsum …</p> </article> CSS有display:none规则，也可以用来隐藏内容。 article { display:none; } 在视觉上，它们是相同的。语义上的区别是什么？计算？我应该考虑什么时候使用其中一个？ TIA。编辑：基于@ newtron的回应（下），我做了更多的search。这个hidden属性在去年激烈竞争，并且（显然）几乎没有进入HTML5规范。有人认为这是多余的，没有目的。从我所知道的来看，最终的评价是这样的：如果我仅仅针对网页浏览器，那么没有什么区别。（其中一页甚至声称，Web浏览器使用display:none来实现隐藏属性）。但是，如果我正在考虑可访问性（例如，也许我期望我的内容被屏幕阅读器读取），那么是有区别的。 CSS规则display:none可能会将我的内容隐藏在网页浏览器中，但相应的aria规则（例如， aria-hidden="false" ）可能会尝试读取它。因此，我现在同意@ newtron的答案是正确的，虽然也许（可以说）不是我想要的那么清楚。谢谢@newtron的帮助。

在body标签中加载外部的css文件: 可能重复：如果我将css文件放在<head>或<body>中，有什么区别？通常情况下，外部的CSS文件加载代码放在HTML的标题。 <head> … <link href="/uploadify/uploadify.css" type="text/css" rel="stylesheet" /> … </head> 但是，有时我应该把我的CSS加载代码在身体标记，我的意思是.. <body> … <link href="/uploadify/uploadify.css" type="text/css" rel="stylesheet" /> … </body> 所以我的问题是，是否可以把我的CSS加载代码在身体标记？

<html lang =“en”>和<html lang =“en-US”>有什么区别？: <html lang="en">和<html lang="en-US">什么区别？还有什么其他的值可以跟随破折号？据w3.org称： “任何两个字母的子码都被理解为一个[ISO3166]国家代码。” 那么这是否意味着在alpha-2代码下列出的任何值都是可接受的值？

HTML拖放在移动设备上: 当您使用JavaScript（例如jQuery UI可拖放和可拖放）将JavaScript拖放到网页上时，如何通过移动设备上的浏览器查看时如何使其工作 – 拖动的触摸屏操作被截取手机滚动页面等？所有的解决scheme欢迎…我最初的想法是：为移动设备提供一个button，用于“抬起”要拖动的项目，然后让它们单击要删除项目的区域。写一个应用程序，这样做的移动设备，而不是试图让网页上工作！你的build议和意见请。更新：赏金如果有人能够告诉我如何在移动设备的网页上进行拖放工作，而不是诉诸于上面的第一点和第二点，那么我将为您的方式摆出50代表的美妙赏金！

子弹从哪里来<li>元素？: 我目前的理解是，不同的HTML元素在function上被它们的默认CSS样式，语义分开。使用自定义的CSS，你可以（不可避免地）使任何HTML元素像任何其他行为。如果这是正确的，我唯一不能说明的是<li>元素上的项目符号。什么CSS导致他们？你怎么能把它添加到其他元素？请注意未来的读者：我最近学习HTML元素也有不同的内容类别。

网站的自动视网膜图像: 有了新的苹果MacBook Pro与视网膜显示，如果您提供一个“标准”的形象在您的网站，它会有点模糊。所以你必须提供一个视网膜图像。有没有办法自动切换到@2x图像，像iOS（与Objective-C）呢？我发现的是：在移动设备和视网膜显示器上的高分辨率图像的CSS ，但我希望我能find一个自动处理所有的图像，没有CSS或JavaScript 。可能吗？ UPDATE 我会强调@Paul D. Waitebuild议的这篇有趣的文章，以及塞巴斯蒂安关于它的一个有趣的讨论。

使<body>填满整个屏幕？: 我在我的网页上使用径向渐变作为背景，如下所示： background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000)); 它可以工作，但是当内容没有填满整个页面时，渐变被切断。我怎样才能使<body>元素填充整个页面，总是？

为什么没有保证金：汽车中心的图像？: <html> <head> <title>Test</title> </head> <body> <div> <img src="queuedError.jpg" style="margin:auto; width:200px;" /> </div> </body> </html> div扩大到100％，但它的形象并不是以自己为中心。为什么？

HTML / CSS中的收音机/checkboxalignment方式: 什么是最简洁的方式来正确alignment单选button/checkbox与文本？我迄今为止唯一可靠的解决scheme是基于表格的： <table> <tr> <td><input type="radio" name="opt"></td> <td>Option 1</td> </tr> <tr> <td><input type="radio" name="opt"></td> <td>Option 2</td> </tr> </table> 这可能会被某些人所憎恶。我刚刚花了一些时间（再次）调查一个无表的解决scheme，但失败了。我尝试过各种组合的浮动，绝对/相对定位和类似的方法。不仅他们主要依靠单选button/checkbox的估计高度，而且在不同的浏览器中performance也不同。理想情况下，我想find一个解决scheme，不承担任何关于尺寸或特殊的浏览器怪癖。我用桌子很好，但我想知道哪里有另一个解决scheme。