Questions tagged «html»

HTML(超文本标记语言)是用于创建网页和其他要在Web浏览器中显示的信息的主要标记语言。有关HTML的问题应包括一个可重现的示例,以及您要实现的目标的一些想法。此标记很少单独使用,通常与[CSS]和[javascript]配对使用。

12
何时使用<span>代替<p>?
如问题所示,如果我要在HTML中添加一些文本,那么什么时候应该使用&lt;p&gt;,什么时候应该使用&lt;span&gt;?
93 html 


13
使用JavaScript更改:hover CSS属性
我需要找到一种使用JavaScript更改CSS:hover属性的方法。 例如,假设我有以下HTML代码: &lt;table&gt; &lt;tr&gt; &lt;td&gt;Hover 1&lt;/td&gt; &lt;td&gt;Hover 2&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; 以及以下CSS代码: table td:hover { background:#ff0000; } 我想使用JavaScript将&lt;td&gt;悬停属性更改为例如background:#00ff00。知道我可以使用JavaScript通过以下方式访问样式背景属性: document.getElementsByTagName("td").style.background="#00ff00"; 但是我不知道:hover的JavaScript等效项。如何使用JavaScript更改这些&lt;td&gt;的:hover背景? 非常感谢您的帮助!
93 javascript  html  css  dhtml 


11
:not(:empty)CSS选择器不起作用?
我在使用这个特定的CSS选择器时遇到了麻烦,当我添加:not(:empty)它时,它不希望工作。似乎可以与其他选择器的任何组合正常工作: input:not(:empty):not(:focus):invalid { border-color: #A22; box-shadow: none } 如果我删除了该:not(:empty)零件,它就可以正常工作。即使我将选择器更改为input:not(:empty)它,也不会选择输入了文本的输入字段。这是坏处还是我只是不允许:empty在:not()选择器中使用? 我唯一想到的是浏览器仍在说该元素为空,因为它没有子元素,每个元素只有一个“值”。是否:empty选择不具有独立功能的输入元素与常规的元素?但这似乎不太可能,因为:empty在字段上使用并在其中输入内容会导致替代效果消失(因为它不再为空)。 在Firefox 8和Chrome中进行了测试。

7
带有.NET MVC 3 Razor Editor的HTML5占位符
有没有一种方法可以使用@ Html.EditorFor 编写Html5占位符,还是应该只使用TextBoxFor扩展名,即 @Html.TextBoxFor(model =&gt; model.Title, new { @placeholder = "Enter title here"}) 还是编写自己的自定义扩展名可能有意义,该扩展名可以通过DataAnnotations使用“描述”显示属性(类似于this)? 当然,同样的问题也适用于“自动对焦”。

27
IE中的下拉列表宽度
在IE中,下拉列表的宽度与下拉框的宽度相同(我希望我有道理),而在Firefox中,下拉列表的宽度根据内容而有所不同。 这基本上意味着我必须确保该保管箱足够宽以显示尽可能长的选择。这使我的页面看起来非常难看:( 有没有解决此问题的方法?如何使用CSS为Dropbox和dropdownlist设置不同的宽度?


7
getAttribute()与Element对象的属性?
表达式喜欢Element.getAttribute("id")并且Element.id返回相同的东西。 当我们需要HTMLElement对象的属性时,应该使用哪一个? 这些方法和getAttribute()和有没有跨浏览器的问题setAttribute()? 还是直接访问对象属性与使用这些属性方法之间的性能影响?
92 javascript  html  dom 

9
HTML标签上的非标准属性。好东西吗 坏事?你的想法?
当涉及到标签上的非标准属性时,HTML(也许只是XHTML?)相对严格。如果它们不是规范的一部分,那么您的代码将被视为不符合规范。 但是,非标准属性对于将元数据传递到Javascript可能非常有用。例如,如果假设链接显示弹出窗口,则可以在属性中设置弹出窗口的名称: &lt;a href="#null" class="popup" title="See the Popup!" popup_title="Title for My Popup"&gt;click me&lt;/a&gt; 或者,您可以将弹出窗口的标题存储在一个隐藏元素中,例如跨度: &lt;style&gt; .popup .title { display: none; } &lt;/style&gt; &lt;a href="#null" title="See the Popup!" class="popup"&gt; click me &lt;span class="title"&gt;Title for My Popup&lt;/span&gt; &lt;/a&gt; 但是,我对于应该使用哪种方法感到不满意。第一种方法更简洁,我猜想,它不会像搜索引擎和屏幕阅读器那样费劲。相反,第二种选择使存储大量数据更加容易,因此用途更广。它也符合标准。 我很好奇这些社区的想法。您如何处理这种情况?第一种方法的简单性是否超过潜在的缺点(如果有)?

4
小型设备上的Twitter引导隐藏元素
我有这个代码: &lt;footer class="row"&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 1&lt;/li&gt; &lt;li&gt;Text 2&lt;/li&gt; &lt;li&gt;Text 3&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 4&lt;/li&gt; &lt;li&gt;Text 5&lt;/li&gt; &lt;li&gt;Text 6&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 7&lt;/li&gt; &lt;li&gt;Text 8&lt;/li&gt; &lt;li&gt;Text 9&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 10&lt;/li&gt; &lt;li&gt;Text 11&lt;/li&gt; &lt;li&gt;Text 12&lt;/li&gt; &lt;/ul&gt; …


4
以两个斜杠开头的URI……它们的行为如何?
最近,我看到了这样的工作代码块: &lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt; 根据RFC 2396(URI语法)和RFC 2616(HTTP 1.1),这些URI以两个斜杠开头是有效的,但是不幸的是RFC并没有真正解释它们。 谁能指出我的资源来解释浏览器将/应该/如何处理这些URI?

10
SVG和HTML5 Canvas有什么区别?
SVG和HTML5 Canvas有什么区别?他们似乎都对我做同样的事情。基本上,它们都使用坐标点绘制矢量插图。 我想念什么?SVG和HTML5 Canvas之间的主要区别是什么?为什么我要选择一个?
92 html  canvas  svg 

2
对实体“ foo”的引用必须以“;”结尾 定界符
我有Google Checkout沙箱生成的HTML代码,该代码在HTML页面中可以正常工作。当我在XHTML页面中放置相同的代码时,它将引发以下异常: 对实体“ w”的引用必须以“;”结尾 定界符 它w在以下src属性的URL中引用请求参数: &lt;input type="image" name="Google Checkout" alt="Fast checkout through Google" src="http://sandbox.google.com/checkout/buttons/checkout.gif?merchant_id=211512493599623&amp;w=180&amp;h=46&amp;style=white&amp;variant=text&amp;loc=en_US" height="46" width="180" /&gt; 这是怎么引起的,我该如何解决?

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.