Questions tagged «html»

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

27
在工具提示中添加换行符
如何在HTML工具提示中添加换行符? 我尝试在工具提示中使用<br/>和\n,如下所示: <a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a> 然而,这是无用的,我可以看到文字文本<br/>和\n工具提示中。任何建议都会有所帮助。
170 html  tooltip  newline 


15
如何滚动到div中的元素?
我有一个滚动条div,当我单击它时我想要一个链接,它将迫使它div滚动以查看其中的元素。我这样写它的JavasSript: document.getElementById(chr).scrollIntoView(true); 但这会在滚动页面的同时滚动所有页面div。如何解决? 我想这样说 MyContainerDiv.getElementById(chr).scrollIntoView(true);
170 javascript  html  scroll 

5
jQuery隐藏元素,同时在页面布局中保留其空间
jQuery中有没有一种方法可以隐藏元素,但是在隐藏元素时不更改DOM?我正在隐藏某个元素,但是当它被隐藏时,它下面的元素会向上移动。我不希望那样发生。我希望空间保持不变,但是元素可以随意显示/隐藏。 我可以这样做吗?
169 jquery  html 

12
查看大表时,HTML表头始终在窗口顶部可见
我希望能够“调整” HTML表的演示文稿以添加一个功能:向下滚动页面以使表在屏幕上但标题行不在屏幕上时,我希望标题保留在查看区域的顶部可见。 从概念上讲,这将类似于Excel中的“冻结窗格”功能。但是,HTML页面中可能包含多个表,并且我只希望它在当前处于可见状态的表中发生,只有在处于可见状态时才发生。 注意:我已经看到了一种解决方案,其中表数据区域可滚动而标题不滚动。那不是我要找的解决方案。
169 html  html-table 

5
为什么<p>标记中不能包含<div>标记?
据我所知,这是正确的: &lt;div&gt; &lt;p&gt;some words&lt;/p&gt; &lt;/div&gt; 但这是错误的: &lt;p&gt; &lt;div&gt;some words&lt;/div&gt; &lt;/p&gt; 第一个可以通过W3C验证器(XHTML 1.0),但是第二个则不能。我知道没有人会像第二个那样编写代码。我只想知道为什么。 那其他标签的收容关系又如何呢?
169 html  xhtml 


9
使用HTML5历史记录API的好教程(Pushstate?)
关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗?更新问题,使其成为Stack Overflow 的主题。 5年前关闭。 改善这个问题 我正在研究使用HTML5历史记录API解决与AJAX加载的内容的深层链接问题,但我正在努力下手。有谁知道任何好的资源吗? 我想使用此方法,因为这似乎是允许发送那些链接可能未打开JS的可能性的好方法。当使用JS的人向不使用JS的人发送链接时,许多解决方案都会失败。 我的初步研究似乎指向JS中的History API和pushState方法。 http://html5demos.com/history

12
输入触发器按钮单击
我有一个带有两个按钮的页面。一个是&lt;button&gt;元素,另一个是&lt;input type="submit"&gt;。按钮按此顺序显示在页面上。如果我在表单中任意位置的文本字段中,然后按&lt;Enter&gt;,click则触发按钮元素的事件。我认为那是因为button元素位于第一个位置。 我找不到任何看起来像是设置默认按钮的可靠方法的东西,在这一点上我也不一定想要。在没有更好的方法的情况下,我在窗体上的任何地方都捕获了按键,并且,如果它是&lt;Enter&gt;被按下的键,那么我就是在否定它: $('form').keypress( function( e ) { var code = e.keyCode || e.which; if( code === 13 ) { e.preventDefault(); return false; } }) 据我所知,它似乎正在工作,但感觉很难受。 有谁知道更复杂的技术来做到这一点? 同样,我只是不知道该解决方案有什么陷阱? 谢谢。
168 javascript  jquery  html  forms  enter 

1
嵌入字体的SVG图像的正确mime类型
这是通常的SVG MIME类型: image/svg+xml 而且效果很好。但是,当嵌入SVG字体时,chrome会告诉您mime类型不正确,这显然是因为您返回的是字体而不是图像。 有通用的哑剧类型吗?铬不对吗?被application/svg+xml接受吗? 我想这仍然是HTML5中的灰色区域,但是这里的人可能知道。

6
`col-xs- *`在Bootstrap 4中不起作用
我以前从未遇到过,而且我很难找到解决方案。当在引导程序中具有等于medium的列时,如下所示: &lt;h1 class="text-center"&gt;Hello, world!&lt;/h1&gt; &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div class="col-md-12 text-center"&gt; &lt;h1&gt;vicki williams&lt;/h1&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; 文本对齐可以正常工作: 但是当使列等于超小时,如下所示: &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div class="col-xs-12 text-center"&gt; &lt;h1&gt;vicki williams&lt;/h1&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; 然后,文本对齐将不再起作用: 是否有一些我不理解的引导概念,或者这实际上是我认为是错误的。我从来没有遇到过这个问题,因为我的文字在过去一直与xs对齐。任何帮助将不胜感激。这是我完整的代码: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;!-- Required meta tags --&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt; &lt;!-- …

14
如何验证使用ng-repeat,ng-show(角度)动态创建的输入
我有一个使用ng-repeat创建的表。我想向表中的每个元素添加验证。问题在于每个输入单元格与其上方和下方的单元格名称相同。我试图使用该{{$index}}值来命名输入,但是尽管HTML中的字符串文字看起来正确,但现在可以正常工作。 到目前为止,这是我的代码: &lt;tr ng-repeat="r in model.BSM "&gt; &lt;td&gt; &lt;input ng-model="r.QTY" class="span1" name="QTY{{$index}}" ng-pattern="/^[\d]*\.?[\d]*$/" required/&gt; &lt;span class="alert-error" ng-show="form.QTY{{$index}}.$error.pattern"&gt;&lt;strong&gt;Requires a number.&lt;/strong&gt;&lt;/span&gt; &lt;span class="alert-error" ng-show="form.QTY{{$index}}.$error.required"&gt;&lt;strong&gt;*Required&lt;/strong&gt;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt; 我试过{{}}从索引中删除from,但是那也不行。到目前为止,输入的验证属性可以正常工作,但是不会显示错误消息。 有人有什么建议吗? 编辑:除了以下出色的答案之外,这是一篇博客文章,更详细地介绍了此问题:http : //www.thebhwgroup.com/blog/2014/08/angularjs-html-form-design-part-2 /

4
禁用属性的正确值是多少?
disabled文本框或文本区域的属性的正确值是多少? 我以前看过以下内容: &lt;input type="text" disabled /&gt; &lt;input type="text" disabled="disabled" /&gt; &lt;input type="text" disabled="true" /&gt;
167 html  textbox  textarea 

5
在HTML5中,主导航应该位于<header>元素之内还是之外?
在HTML5中,我知道&lt;nav&gt;可以在页面的标头&lt;header&gt;元素的内部或外部使用它 。对于同时具有辅助导航和主导航的网站,通常将辅助导航作为&lt;nav&gt;标头&lt;header&gt;元素内的元素包括在内,而将主导航作为标头&lt;nav&gt;标头&lt;header&gt;元素外的元素。但是,如果网站缺少辅助导航,则通常&lt;nav&gt;在标头&lt;header&gt;元素内的元素中包含主导航。 如果我遵循这些示例,则我的内容结构将基于二级导航的包含或排除。这就在内容和样式之间引入了一种不必要和不自然的结合。 有没有更好的方法,这样我就不会将主要导航从标头广告的内部移动到外部 &lt;header&gt;基于包含或排除辅助导航,元素的? 主导航和辅助导航示例 &lt;header&gt; &lt;nav&gt; &lt;!-- Secondary Navigation inside &lt;header&gt; --&gt; &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;h1&gt;Website Title&lt;/h1&gt; &lt;/header&gt; &lt;nav&gt; &lt;!-- Main Navigation outside &lt;header&gt; --&gt; &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; OnlineDegrees.org是遵循上述模式的示例网站。 仅主要导航示例 &lt;header&gt; &lt;h1&gt;Website Title&lt;/h1&gt; &lt;nav&gt; &lt;!-- Main Navigation inside &lt;header&gt; --&gt; &lt;ul&gt; &lt;li&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;/header&gt; Keyzo.co.uk是遵循上述模式的示例网站。 …
167 html 

6
Javascript-将HTML附加到不带innerHTML的容器元素
我需要一种无需使用innerHTML即可将HTML附加到容器元素的方法。我不想使用innerHTML的原因是因为当使用这种方式时: element.innerHTML += htmldata 它的工作原理是先替换所有html,然后再添加旧html和新html。这不好,因为它会重置动态媒体,例如嵌入式Flash视频... 我可以通过这种方式做到这一点: var e = document.createElement('span'); e.innerHTML = htmldata; element.appendChild(e); 但是这种方式的问题在于,我现在不想在文档中有多余的span标签。 那怎么办呢?谢谢!

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.