Questions tagged «html»

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


18
CSS:控制项目符号和<li>之间的空间
我想控制子弹&lt;li&gt;在&lt;ol&gt;或中向右推动多少水平空间&lt;ul&gt;。 也就是说,不是总有 * Some list text goes here. 我希望能够将其更改为 * Some list text goes here. 要么 *Some list text goes here. 我环顾四周,但只能找到将整个块向左或向右移动的说明,例如,http://www.alistapart.com/articles/taminglists/
177 html  css  html-lists 

15
要在JavaScript中转义HTML实体?
我有一些与XML-RPC后端通信的Javascript代码。XML-RPC返回以下形式的字符串: &lt;img src='myimage.jpg'&gt; 但是,当我使用Javascript将字符串插入HTML时,它们将按字面显示。我没有看到图片,而是从字面上看到了字符串: &lt;img src='myimage.jpg'&gt; 我的猜测是HTML正在通过XML-RPC通道进行转义。 如何取消对Javascript中的字符串的转义?我尝试了此页面上的技术,但未成功:http : //paulschreiber.com/blog/2008/09/20/javascript-how-to-unescape-html-entities/ 还有什么其他方法可以诊断问题?

20
“位置:粘性;” 无法正常工作的CSS和HTML
滚动到导航栏后,我想使其停留在顶部,但是它不起作用,我也不知道为什么。如果可以的话请帮我,这是我的HTML和CSS代码: .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; float: right; margin-left: 50px; transition: 1.5s; } .nav-selections:hover{ transition: 1.5s; color: black; } ul { background-color: #B79b58; overflow: auto; } li { list-style-type: none; } &lt;nav style="position: sticky; position: -webkit-sticky;"&gt; &lt;ul align="left"&gt; …
177 html  css  css-position 

11
Bootstrap 3将页脚冲洗到底部。不固定
我正在为正在设计的网站使用Bootstrap 3。 我想要一个像这样的样本页脚。 样品 请注意,我不希望它已修复,因此引导程序navbar-fixed-bottom无法解决我的问题。我只希望它始终位于内容的底部并且也要有所响应。 任何指南将不胜感激。 编辑: 对不起,如果我不清楚。现在发生的是,当内容主体没有足够的内容时。我的页脚向上移动,然后在底部留下一个空白区域。 这就是我现在所拥有的导航栏 &lt;nav class="navbar navbar-inverse navbar-bottom" style="padding:0 0 120px 0"&gt; &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div class="col-sm-4"&gt; &lt;h5 id='footer-header'&gt; SITEMAP &lt;/h3&gt; &lt;div class="col-sm-4" style="padding: 0 0 0 0px"&gt; &lt;p&gt;News&lt;/p&gt; &lt;p&gt;contact&lt;/p&gt; &lt;/div&gt; &lt;div class="col-sm-4" style="padding: 0 0 0 0px"&gt; &lt;p&gt;FAQ&lt;/p&gt; &lt;p&gt;Privacy Policy&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div …

9
我可以将CSS样式应用于元素名称吗?
我目前正在从事一个项目,该项目无法控制我要应用CSS样式的HTML。而且在没有足够的id和class声明来区分元素的意义上,HTML的标签不是很好。 因此,我正在寻找将样式应用于没有id或class属性的对象的方法。 有时,表单项具有“名称”或“值”属性: &lt;input type="submit" value="Go" name="goButton"&gt; 有没有一种方法可以应用基于name =“ goButton”的样式?那“价值”呢? 这种事情很难被发现,因为Google搜索会找到各种实例,在这些实例中,诸如“名称”和“值”之类的广泛术语会出现在网页中。 我有点怀疑答案是否定的……但是也许有人巧妙地破解了? 任何建议将不胜感激。
176 html  css  css-selectors 

7
html5-画布元素-多层
没有任何扩展库,同一个canvas元素中可以有多个图层吗? 因此,如果我在顶层上执行clearRect,它将不会擦除底层? 谢谢。
176 html  canvas  layer 

8
如何使用CSS将div水平居中?
我有一个div并希望它水平居中-尽管我给它margin:0 auto;它没有居中... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }
176 css  html  center  absolute 

3
iframe,嵌入和对象元素之间的区别
HTML5定义了几个嵌入的内容元素,从鸟瞰的角度看,它们似乎在很大程度上是相同的。 是什么之间的实际差异iframe,embed和object? 如果我想从第三方站点嵌入HTML文件,我可以使用其中哪些元素,它们之间会有什么不同?
176 html  iframe 

9
上传前如何使用javascript检查文件MIME类型?
我已阅读这个和这个问题,这似乎表明,文件的MIME类型可以使用在客户端的JavaScript进行检查。现在,我知道真正的验证仍然必须在服务器端进行。我想执行客户端检查以避免不必要的服务器资源浪费。 为了测试是否可以在客户端执行此操作,我将JPEG测试文件的扩展名更改为,.png然后选择要上传的文件。发送文件之前,我使用JavaScript控制台查询文件对象: document.getElementsByTagName('input')[0].files[0]; 这是我在Chrome 28.0上得到的: 文件{webkitRelativePath:“”,lastModifiedDate:2012年10月16日星期二10:00:00 GMT + 0000(UTC),名称:“ test.png”,类型:“ image / png”,大小:500055…} 它显示类型image/png,似乎表明检查是基于文件扩展名而不是MIME类型进行的。我尝试了Firefox 22.0,它给了我相同的结果。但是根据W3C规范,应该实施MIME嗅探。 我是说对了,目前无法用javascript检查MIME类型吗?还是我错过了什么?

4
CSS选择器“((A或B)和C”)?
这应该很简单,但是我很难找到它的搜索词。 假设我有这个: &lt;div class="a c"&gt;Foo&lt;/div&gt; &lt;div class="b c"&gt;Bar&lt;/div&gt; 在CSS中,如何创建与“(.a或.b)和.c”匹配的选择器? 我知道我可以这样做: .a.c,.b.c { /* CSS stuff */ } 但是,假设我将不得不大量使用各种逻辑组合来执行这种逻辑,是否有更好的语法?
176 html  css  css-selectors 

10
标签或窗口之间的通讯
我正在寻找一种方法,如何在浏览器中的多个选项卡或窗口之间进行通信(在同一域中,而不是在CORS上)而不会留下痕迹。有几种解决方案: 使用窗口对象 postMessage 饼干 本地存储 第一个可能是最糟糕的解决方案-您需要从当前窗口中打开一个窗口,然后您只有在保持打开状态的情况下才能进行通信。如果您在任何窗口中重新加载页面,则很可能失去了通信。 使用postMessage的第二种方法可能启用了跨域通信,但是遇到了与第一种方法相同的问题。您需要维护一个窗口对象。 第三种方法,使用cookie,将一些数据存储在浏览器中,这实际上看起来像是向同一域中的所有窗口发送消息,但是问题是您永远无法知道所有选项卡之前是否都已读取“消息”打扫干净。您必须实现某种超时才能定期读取Cookie。此外,您受到最大Cookie长度(4KB)的限制。 第四个解决方案,使用localStorage,似乎克服了cookie的限制,甚至可以监听事件。可接受的答案中描述了如何使用它。 编辑2018:可接受的答案仍然有效,但是对于现代浏览器来说,有一个更新的解决方案可以使用BroadcastChannel。请参阅其他答案,以获取一个简单的示例,该示例描述了如何使用BroadcastChannel在选项卡之间轻松地传输消息。

6
拉伸背景图片CSS?
&lt;td class="style1" align='center' height='35'&gt; &lt;div style='overflow: hidden; width: 230px;'&gt; &lt;a class='link' herf='' onclick='topic(&lt;?=$key;?&gt;)'&gt; &lt;span id='name&lt;?=$key;?&gt;'&gt;&lt;?=$name;?&gt;&lt;/span&gt; &lt;/a&gt; &lt;/div&gt; &lt;/td&gt; 这是我的CSS脚本 .style1 { background-image: url('http://localhost/msite/images/12.PNG'); background-repeat: no-repeat; background-position: left center; } 我想把background-image整个&lt;td&gt;细胞伸展
175 html  css  background 


17
Internet Explorer的输入占位符
HTML5 placeholder在input元素上引入了属性,该属性允许显示灰色的默认文本。 遗憾的是,包括IE 9在内的Internet Explorer不支持它。 已经有一些占位符模拟器脚本了。它们通常通过将默认文本放入输入字段,使其为灰色,并在您聚焦输入字段后再次将其删除来工作。 这种方法的缺点是占位符文本在输入字段中。从而: 脚本无法轻松检查输入字段是否为空 服务器端处理必须对照默认值进行检查,以便不将占位符插入数据库中。 我想要一个解决方案,其中占位符文本不在输入中。

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.