1

我有一些带有 CSS 的 HTML 和一个实例，其中我使用了自定义 HTML 标签而不是<p>显示它，我的 CSS 拾取标签，而另一个实例则无法显示文本。如果我用它替换 <title>Layout Controls</title>它<p>Layout Controls</p>就会出现。

我在 JSfiddle 上做了一个演示。JS 在我的浏览器和 Coda2 中有效，但在 JS fiddle 中无效。如果有人能指出这对我来说是什么，就小提琴而言，我可能也做错了什么。

如果有任何人们关心的最佳实践评论，我也可以，在这里学习。

<body>   
  <div class="input_group_box">
    <title>Layout Controls</title><br />
    <sub-title>X-Position</sub-title><br />
    <input id="/layout/1/slider" class="slider" type="range" value="0" min="-1" max="1" step="0.001" onclick="bind('/layout/1', 'slider', parseInt(this.value*1000)/1000)" />
    <input id="/layout/1/number" class="number-box"    type="number" value="0" min="-1" max="1" step="0.01" onclick="bind('/layout/1', 'number', parseFloat(this.value))" /><br />    
   </div>
</body>

任何人都不知道为什么我的 Javascript 没有绑定演示中的两个输入。是不是我需要更改 JSFiddle 加载设置，我对此有点不知所措。

4

3 回答 3

3

使用自定义标签有几个问题，请参见使用自定义 HTML 标签。它们会使编码变得更容易一些，但大多数情况下这不是一个好主意。请改用类，例如<div class=sub-title>...</div>. 但是，如果某物是标题，请考虑为其使用标题标记，例如h2and h3。对于表单字段，您也可以legend在 afieldset中使用。

元素是另title一种情况，因为它一直是在 HTML 中定义的，并且具有特殊的作用和处理。仅允许在head部分中使用。如果你把它放在里面body，效果取决于浏览器。

于 2012-06-01T05:17:07.460 回答
2

<title>是 MTML5 标签，而不是自定义标签。

在它的 CSS 上试试这个。没事的：

title {
    font-size: 16px;
    font-family: HelveticaNeue-Bold, sans-serif;  

    display: inline;
}
于 2012-06-01T05:00:28.670 回答
1

我怀疑<title>标签是为页面标题保留的，你不应该将它用于任何其他目的......

于 2012-06-01T04:48:38.490 回答