1

<p>CSSを使用したHTMLがあり、CSSがタグを取得する代わりにカスタムHTMLタグを使用したインスタンスと、テキストを表示できないインスタンスがあります。交換 <title>Layout Controls</title>する<p>Layout Controls</p>と表示されます。

JSfiddleにデモを載せました。JSは私のブラウザとCoda2で動作しますが、JSフィドルでは動作しません。誰かが私にそれが何であるかを指摘することができれば、フィドルに関する限り、私はおそらく何か間違ったことをしているでしょう。

人々が気にかけているベストプラクティスのコメントがあれば、私もそれで問題ありません。ここで学びましょう。

<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がデモの2つの入力をバインドしていない理由は誰にもわかりません。それで少し暗闇の中でJSFiddleのロード設定を変更する必要があるのでしょうか。

4

3 に答える 3

3

カスタム タグの使用にはいくつかの問題があります。たとえばカスタム HTML タグの使用 を参照してください。コーディングが少し簡単になりますが、ほとんどの場合、それは良い考えではありません。などの代わりにクラスを使用してください<div class=sub-title>...</div>。ただし、何かが見出しの場合は、h2やなどの見出しマークアップを使用することを検討してh3ください。フォーム フィールドの場合、legend内fieldsetでも使用できます。

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 に答える