Questions tagged «html»

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

12
如何调试网络工作者
我一直在与HTML 5的网络工作者一起工作，并且正在寻找调试它们的方法。理想情况下，例如萤火虫或Chrome调试器。有没有人对此有任何好的解决方案。无法访问控制台或DOM，很难调试这些代码
3
具有多个“动作”的HTML表单
我正在设置一个需要两个“动作”（两个按钮）的表单： 1-“提交此表单以供批准” 2-“保存此应用程序以备后用” 如何创建支持多个“动作”的HTML表单？ 例如： <form class="form-horizontal" action="submit_for_approval.php"> <form class="form-horizontal" action="save_for_later.php"> 我需要将这两个提交选项组合为一种形式。 我进行了一些基础研究，但是找不到关于是否可行和/或用于解决问题的链接的任何好的资源的明确答案。 提前致谢。
72 html  forms  submit 
5
为什么.class：last-of-type无法正常工作？
为什么这不起作用？http://jsfiddle.net/84C5W/1/ p{ display: none; } p.visible:last-of-type { display: block; } <div> <p class="visible">This should be hidden</p> <p class="visible">This should be displayed</p> <p class="">This should be hidden</p> </div> 运行代码段隐藏结果展开摘要 实际上，我所有的<p>元素都不可见。如果我.visible在选择器中删除对的引用，则确实会显示<p>div中的最后一个，但这不是我想要的。 当然，我只能一直保留一个.visible，但这只是一个reveal.js演示文稿，我无法控制JavaScript。 如何选择带有类的div中的最后一个元素.visible？我不想为此使用JavaScript。
8
<iframe>中的srcdoc =“…”和src =“ data：text / html，…”之间有什么区别？
例如，这是它们之间的区别： &lt;iframe srcdoc="&lt;p&gt;Some HTML&lt;/p&gt;"&gt;&lt;/iframe&gt; &lt;iframe src="data:text/html,&lt;p&gt;Some HTML&lt;/p&gt;"&gt;&lt;/iframe&gt; 演示版 并且，如果它们完全相同，为什么HTML5会添加srcdoc属性？ 编辑 也许我还不够清楚。我不是比较src有srcdoc，但src使用text / html的数据URI用srcdoc。 然后，如果功能图是这样的 | src属性| srcdoc属性 -------------------------------------------------- ------------------ 网址| 是的 不使用src（*） HTML内容| 是的，使用数据URI | 是 为什么srcdoc需要？ （*）注意： 似乎srcdoc可以使用带有属性的子框架通过URL（Demo）加载页面src： &lt;iframe srcdoc="&lt;iframe src='http://microsoft.com'&gt;&lt;/iframe&gt;"&gt;&lt;/iframe&gt;
72 html  iframe 
6
关闭HTML <input>标记问题
为什么HTML&lt;input&gt;标签没有像其他HTML标签那样获得结束标签，如果我们确实关闭了输入标签，怎么办？ 我尝试使用Google，但发现写这样的输入标签的标准没有用来将其&lt;input type="text" name="name"&gt; 关闭&lt;/input&gt;。 当我Radio使用以下命令为按钮创建输入标签时，我个人感觉到了问题 var DOM_tag = document.createElement("input"); 这虽然创建了一个单选按钮，但是TextNode我将附加到 document.createTextNode("Radio Label"); 不起作用。它只是显示单选按钮，Radio Label在这种情况下不显示。 虽然我可以看到完整的代码： &lt;input id="my_id" type="radio" name="radio_name"&gt;Radio Label&lt;/input&gt; 什么是解释？ 聚苯乙烯 我遇到的主要问题是我正在使用的问题中提到的自动关闭输入标签，var DOM_tag = document.createElement("input"); 它会自动创建一个关闭标签。我该怎么办？
72 html  tags 
6
打印html时在页面上打印页码
我已经阅读了很多有关打印页码的网站，但是当我尝试打印html页时，仍然无法显示它。 接下来是CSS代码： @page { margin: 10%; @top-center { font-family: sans-serif; font-weight: bold; font-size: 2em; content: counter(page); } } 我试图把这个页面规则放进去 @media all { *CSS code* } 在其外部，尝试将其放入@media print，但没有任何帮助使我在页面上显示页码。我尝试使用FireFox和Chrome（您知道基于WebKit的浏览器）。我认为问题出在我的HTML或CSS代码中。有人可以告诉我一个@page在具有多个页面的html大页面中实现此规则的示例吗？我只需要html页面的代码和css文件的代码即可。 PS我拥有最新支持的浏览器版本。
5
如何使用JavaScript更改按钮文本
我有以下代码通过javascript代码设置按钮的文本，但是它不起作用，因此文本保持不变。 function showFilterItem() { if (filterstatus == 0) { filterstatus = 1; $find('&lt;%=FileAdminRadGrid.ClientID %&gt;').get_masterTableView().showFilterItem(); document.getElementById("ShowButton").innerHTML = "Hide Filter"; } else { filterstatus = 0; $find('&lt;%=FileAdminRadGrid.ClientID %&gt;').get_masterTableView().hideFilterItem(); document.getElementById("ShowButton").innerHTML = "Show filter"; } } 我的html按钮代码是 &lt;input class="button black" id="ShowButton" type="button" runat="server" value="Show Filter" onclick="showFilterItem()" /&gt;
9
CSS矩形图像的圆形裁剪
我想从矩形照片制作一个居中的圆形图像。照片的尺寸未知。通常是矩形形式。我尝试了很多方法： CSS： .image-cropper { max-width: 100px; height: auto; position: relative; overflow: hidden; } .image-cropper img{ display: block; margin: 0 auto; height: auto; width: 150%; margin: 0 0 0 -20%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } HTML： &lt;div class="image-cropper"&gt; &lt;img src="http://www.electricvelocity.com.au/Upload/Blogs/smart-e-bike-side_2.jpg" class="rounded" /&gt; &lt;/div&gt;
72 html  css 
11
IE9上的框阴影无法使用正确的CSS呈现，可在Firefox，Chrome上使用
我正在尝试模拟浮动模式框类型的东西，但IE9及其框阴影实现存在问题。 这是我正在使用的代码的摘要，可重复出现的问题： &lt;html&gt; &lt;head&gt; &lt;title&gt;Sample page&lt;/title&gt; &lt;style&gt; .content-holder { border-collapse: collapse; } .back { background-color: #a8c0ff; padding: 100px; } .inner { background-color: #fff; text-align: center; padding: 50px; box-shadow: 0px 0px 20px #000; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;table class="content-holder"&gt; &lt;tr&gt; &lt;td&gt; &lt;div class="back"&gt; &lt;div class="inner"&gt; &lt;h2&gt;Heading&lt;/h2&gt; &lt;p class="subtext"&gt;Some text here&lt;/p&gt; &lt;p&gt;More …
5
您可以在Firebug中将鼠标悬停在“粘滞状态”吗？
当我调试站点时，有时悬停的选择器有点长，并且与其他选择器类似，是否可以将一种“粘性”状态应用于Firebug中的悬停规则？ 例; 我将鼠标悬停在导航栏上，并希望将选择器从Firebug中复制出来以在CSS中进行搜索，但是一旦移动鼠标，选择器（显然）就会消失，因为导航&lt;li&gt;不再悬停了。 有什么办法吗？ 谢谢 ：）
71 html  css  firefox  firebug  hover 
8
像在使用iPhone的CSS和jQuery的Instagram iPhone应用程序中那样，获得一个粘性标题以“推动”
Instagram应用程序具有一个不错的粘性标头，可以将当前的标头推上新标头。我找到了一个很棒的教程，说明如何在Android平台上原生执行此操作，但我希望使用JavaScript和CSS来完成。 我能够让标题切换到新标题，但似乎找不到模仿Instagram的方式。任何帮助是极大的赞赏。 *编辑：当使用指出的注释中的Cj作为航路点滚动时，我能够使标题停留在页面顶部。（链接至路标）。我遇到的主要问题是获得instagram在其iPhone移动应用程序中使用的“推动”效果。我会链接到一个示例，但我从未见过使用它。* * *编辑2：使用@Chris提供的部分代码笔，可以使标头粘贴。然后，我添加了.slideUp效果。我的问题现在是使.slideUp效果仅在到达下一个标头时发生。现在，效果会在滚动上激活。 这是代码： (function() { function stickyTitles(stickies) { this.load = function() { stickies.each(function(){ var thisSticky = jQuery(this); jQuery.data(thisSticky[0], 'pos', thisSticky.offset().top); }); } this.scroll = function() { stickies.each(function(){ var thisSticky = jQuery(this), pos = jQuery.data(thisSticky[0], 'pos'); if (pos &lt;= jQuery(window).scrollTop()) { thisSticky.addClass("fixed"); // added this $(".followMeBar:parent").slideUp(); } else …
2
页眉/页脚/导航标签-在IE7，IE8和浏览器中，不支持HTML5的标签会发生什么变化？
我很想开始特别使用Html5&lt;header&gt;/&lt;footer&gt;/&lt;article&gt;/&lt;nav&gt;标签。 如果浏览器不支持这些怎么办？ 我还需要对它们进行样式设置：例如：nav具有边框和边距等。您知道标准的CSS知识。 因此，如果我使用nav标签对它们进行样式设置，则IE7和IE8等将忽略这一点？
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.