Tag: html

什么是最常见的字体大小的H1 – H6标签: 我一直不确定从哪里开始，作为一般的最佳实践基准。是的，我知道这取决于你的devise – 但最常见的是什么？以下是我目前作为首发的原因： h1 { font-size: 24px;} h2 { font-size: 22px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 12px;} h6 { font-size: 10px;} 是的，我目前的工作不使用新兴市场。谢谢

我们可以在H1标签内添加<span>吗？: 在H1标签内使用span标签是否合适？ <h1> <span class="boardit">Portfolio</span> </h1> 我知道我们可以用这种方式来写…并且在我自己的网站中也遵循下面的语法。 <h1 class="boardit"> <span>Portfolio</span> </h1> 但是，我只是想知道更清洁的forms的HTML ..

在标签内onclick属性中的preventDefault: 我有这样的链接： <a href="#" onclick="myfunc({a:1, b:'hi'})" />click</a> <a href="#" onclick="myfunc({a:3, b:'jo'})" />click</a> 我想在myfunc中做一个preventDefault() ，因为点击链接时，地址栏中会添加一个# （不做return false;或者href='javascript:void(0);' ）这可能吗？我可以在myfunc中获取事件吗？

是否有与<noscript>相反的HTML？: HTML中是否有标签，只有在启用JavaScript的情况下才会显示其内容？我知道<noscript>工作方式相反，JavaScriptclosures时显示HTML内容。但是，如果JavaScript可用，我只想在网站上显示一个表单，告诉他们为什么他们不能使用表单，如果他们没有。我知道如何做到这一点的唯一方法是与document.write(); 方法在脚本标记中，而对于大量的HTML来说似乎有点麻烦。

Django的：我如何添加任意的HTML属性来input表单上的字段？: 我有一个像这样的模板呈现的input字段： <div class="field"> {{ form.city }} </div> 其中呈现为： <div class="field"> <input id="id_city" type="text" name="city" maxlength="100" /> </div> 现在假设我想要为呈现的input元素添加一个autocomplete =“off”属性，我该怎么做？或者onclick =“xyz（）”或class =“my-special-css-class”？

如何使HTML在另一个窗口或选项卡中打开超链接？: 这是HTML中超链接的一行： <a href="http://www.starfall.com/">Starfall</a> 因此，如果我点击“Starfall”我的浏览器 – 我正在使用FireFox – 将带我到新的页面，我的窗口的内容将改变。我想知道，我怎样才能做到这一点在HTML中，这样新的页面打开一个新的窗口，而不是改变以前的一个？ HTML中有这样的一个方法吗？如果是的话，有没有办法在我的浏览器的另一个选项卡（而不是另一个窗口）中打开请求的页面？

<ul>中的<li>元素的自定义项目符号是常规字符，而不是图像: 我意识到可以使用CSS属性指定一个自定义graphics作为替代项目符号字符： list-style-image 然后给它一个URL。但是，就我而言，我只是想使用“+”符号。我不想为此创build一个graphics，然后指向它。我宁愿只是指示无序列表使用加号作为项目符号。可以这样做，还是我不得不把它做成一个graphics？

如何使没有内容的DIV有宽度？: 我试图给DIV添加一个宽度，但是我似乎遇到了一个问题，因为它没有内容。以下是我到目前为止的CSS和HTML，但它不工作： CSS body{ margin:0 auto; width:1000px } ul{ width:800px; } ul li{ clear:both; } .test1{ width:200px; float:left; } HTML <body> <div id="test"> <ul> <li> <div class="test1">width1</div> <div class="test1">width2</div> <div class="test1">width3</div> </li> <li> <div class="test1"></div> <div class="test1">width2</div> <div class="test1">width3</div> </li> <li> <div class="test1"></div> <div class="test1">width2</div> <div class="test1">width3</div> </li> </ul> </div>

在页面加载时将焦点设置为HTMLinput框: 我试图设置默认焦点在页面加载时的input框（例如：谷歌）。我的网页很简单，但我不知道如何做到这一点。这是我到目前为止： <html> <head> <title>Password Protected Page</title> <script type="text/javascript"> function FocusOnInput() { document.getElementById("PasswordInput").focus(); } </script> <style type="text/css" media="screen"> body, html {height: 100%; padding: 0px; margin: 0px;} #outer {width: 100%; height: 100%; overflow: visible; padding: 0px; margin: 0px;} #middle {vertical-align: middle} #centered {width: 280px; margin-left: auto; margin-right: auto; text-align:center;} </style> </head> <body onload="FocusOnInput()"> <table id="outer" […]

alignment文本和select框在CSS中相同的宽度？: 好吧，这似乎不可能得到正确的。我有一个文本框和一个select框。我希望他们是相同的宽度，所以他们排列在左边距和右边距。 <!DOCTYPE html> <html> <head> <style type="text/css"> input, select { width: 200px; } </style> </head> <body> <input type="text" value="ABC"><br> <select> <option>123</option> </select> </body> </html> 那会做你认为的吧？不。 Firefox中的select框较短6px。看截图。好吧，让我们编辑代码并制作两种样式。 <style type="text/css"> input { width: 200px; } select { width: 206px; } </style> 好的，这工作！哦，等等，在Chrome中更好的testing… 有人能告诉我如何排列在所有浏览器？为什么我不能只做width：200px，为什么所有的浏览器都以不同的方式显示呢？同时，我们为什么是文本框和select框不同的高度？我们如何让他们达到相同的高度？已经尝试了高度和线高无不可用。解：好吧，我find了解决scheme，并从下面的答案中获得了一些帮助。关键在于使用box-sizing：border-box属性，以便在指定包含边框和填充的宽度时使用。在这里看到很好的解释 […]