Questions tagged «html»

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

12
浏览器中的phonegap打开链接
<a target="_blank" data-rel="external" href="http://www.kidzout.com">www.kidzout.com</a> 嘿专家,我正在使用phonegap 2.9.0,我正在使用上面的代码在浏览器中打开链接,但它在同一应用程序中打开了……如何打开Safari浏览器? 它会在同一应用程序中打开网站,然后我无法返回到该应用程序,因此我需要删除该应用程序并重新安装.....
114 html  cordova 

5
在HTML电子邮件中是否有等效的CSS最大宽度?
我正在尝试创建HTML电子邮件,以在所有广泛使用的电子邮件客户端中正确显示。我将整个电子邮件包装在一个表中,我希望它的宽度最多可达到可用宽度的98%,但不大于800像素。像这样: <table style="width:98%; max-width:800px;"> 但是我没有那样做,因为根据此 Outlook 2007不支持CSS width属性。 相反,我正在这样做: <table width="98%"> 有没有办法不用依靠CSS来设置最大宽度?
114 html  email  html-email  css 

8
jQuery text()和换行符
我想说 $(someElem).text('this\n has\n newlines); 并在浏览器中以换行符呈现。我发现的唯一解决方法是在someElem上将css属性“ white-space”设置为“ pre”。这几乎可以工作,但是即使我将padding设置为0,文本和someElem的顶部之间也会有一个非常大的填充。是否有办法摆脱这种情况?
114 javascript  jquery  html 

10
抓取A元素的href属性
试图在页面上找到链接。 我的正则表达式是: /<a\s[^>]*href=(\"\'??)([^\"\' >]*?)[^>]*>(.*)<\/a>/ 但似乎失败了 <a title="this" href="that">what?</a> 我该如何更改我的正则表达式以处理未置于a标签首位的href?
114 php  html  dom 

8
更改高度时保持图像宽高比
使用CSS flex box模型,如何强制图像保持其纵横比? JS小提琴:http://jsfiddle.net/xLc2Le0k/2/ 请注意,图像会拉伸或收缩以填充容器的宽度。很好,但是我们还可以拉伸或缩小高度以保持图像比例吗? 的HTML <div class="slider"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> <img src="http://www.placebacon.net/400/300" alt="Bacn"> </div> 的CSS .slider { display: flex; } .slider img { margin: 0 5px; }
114 html  css  flexbox 


7
为什么我的JavaScript无法在JSFiddle中工作?
我找不到这个JSFiddle有什么问题。 HTML: <input type="button" value="test" onclick="test()"> JavaScript: function test(){alert("test");} 当我单击按钮时-什么也没发生。控制台显示“测试未定义” 我已经阅读了JSFiddle文档-那里说JS代码已添加到<head>并且HTML代码已添加到<body>(因此,此JS代码早于html,应该可以使用)。

5
如何在父div内水平居中div
如何居中div水平其父里面div用CSS? <div id='parent' style='width: 100%;'> <div id='child' style='width: 50px; height: 100px;'>Text</div> </div>
114 html  css 

8
我应该在<nav>中使用<ul>和<li>吗?
标题几乎可以解释这一点。 现在我们有了一个专用&lt;nav&gt;标签, 这是: &lt;nav&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#foo"&gt;foo&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#bar"&gt;bar&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#baz"&gt;baz&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; 有什么比以下更好的吗? &lt;nav&gt; &lt;a href="#foo"&gt;foo&lt;/a&gt; &lt;a href="#bar"&gt;bar&lt;/a&gt; &lt;a href="#baz"&gt;baz&lt;/a&gt; &lt;/nav&gt; 我的意思是,假设我不需要某些CSS定位/填充的额外DOM级别,首选方式是什么,为什么?
114 html  html-lists  nav 

8
如何删除html中单击的元素周围的虚线
我发现如果有一个 a不链接到新页面的链接,那么当用户单击它时,该元素周围会出现一条虚线,仅当用户单击该页面中的其他任何内容时,它才会消失,如何删除这个? 例: 注意元素周围的虚线Section 2。
114 html  css 

6
如何使用BeautifulSoup查找节点的子节点
我想获取所有&lt;a&gt;属于以下子项的标签&lt;li&gt;: &lt;div&gt; &lt;li class="test"&gt; &lt;a&gt;link1&lt;/a&gt; &lt;ul&gt; &lt;li&gt; &lt;a&gt;link2&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/div&gt; 我知道如何找到像这样的特定类的元素: soup.find("li", { "class" : "test" }) 但是我不知道如何找到所有&lt;a&gt;的孩子的孩子,&lt;li class=test&gt;而不是其他孩子的孩子。 就像我想选择: &lt;a&gt;link1&lt;/a&gt;


11
Unicode字符作为CSS中列表项的项目符号
例如,我需要使用星号(★)作为列表项的项目符号。 我已经阅读了CSS3模块:Lists,它描述了如何将自定义文本用作项目符号,但是它对我不起作用。我认为,浏览器根本不支持::marker伪元素。 不使用图像怎么办?
114 html  css  html-lists 

9
如何缩放嵌入<object>标签的顽固SVG?
我有一些SVG文件,指定width和height以及viewbox这样的: &lt;svg width="576pt" height="432pt" viewBox="0 0 576 432" &gt; ... 但是如何以我决定的大小在浏览器中显示它们?我希望它们变小并尝试: &lt;object width="400" data="image.svg"&gt;&lt;/object&gt; 但是然后我看到了可见的滚动条。 如果我的SVG文件更改设置它的工作原理width,并height以100%相反,但我想决定在HTML的大小,无论在SVG文件中使用什么尺寸。这可能吗 ?
114 html  svg 

18
有没有办法在HTML5中创建自己的html标签?
我想创建类似 &lt;menu&gt; &lt;lunch&gt; &lt;dish&gt;aaa&lt;/dish&gt; &lt;dish&gt;bbb&lt;/dish&gt; &lt;/lunch&gt; &lt;dinner&gt; &lt;dish&gt;ccc&lt;/dish&gt; &lt;/dinner&gt; &lt;/menu&gt; 可以用HTML5完成吗?我知道我可以做到 &lt;ul id="menu"&gt; &lt;li&gt; &lt;ul id="lunch"&gt; &lt;li class="dish"&gt;aaa&lt;/li&gt; &lt;li class="dish"&gt;bbb&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;ul id="dinner"&gt; &lt;li class="dish"&gt;ccc&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; 但它的可读性很差:(
114 html 

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.