web-dev-qa-db-ja.com

要素の開始タグ内のHTMLコメント

やってみると

<option disabled = "disabled" <!-- Used to disable any particular option -->
        selected = "selected" <!-- Used to pre-select any particular option -->
        label = "string"      <!-- Used to provide a short version of the content in the option --> 
        value = "value">      <!-- The actual value that will be send to the server. If omitted the content between the option opening and closing tags will be send. -->

Option 1
</option>

要素の開始タグ内の属性と値にコメントを付けようとしています。ただし、ブラウザー（IE9、FF4.01、GG11、AF5、Opera11でテスト済み）がdisabled = "disabled"以降のすべてをコメントまたはコンテンツとして扱うため、これは機能しません。

要素の開始タグ内でのHTMlコメントは許可されていませんか？

htmltagscomments
42
Jawad

HTMLコメントは許可されていませんinsideタグ、開始または終了。

45
Quentin

HTMLタグ内のコメントの回避策

HTMLでは、<!--および-->を使用してタグ内のコメントをマークすることはできません。ただし、主な使用例には回避策があります。

HTMLタグ内にコメントを追加するには

自分にコメントするためだけに使用する属性を作成できます。例えば：

<div comment="Name and Id">
   ... 
</div>

主な欠点は、縮小中にコメントが削除されないことです。

  • ユーザーに提供される最終的なHTMLドキュメントでスペースを占有します
  • ユーザーがView sourceをクリックすると、コメントを読むことができます

属性を一時的に無効にするには

一時的な無効化を示すことがわかっている接頭辞を付けて、属性の名前を変更するだけです。たとえば、optionという属性を無効にするには：

<div option="big">
   ... 
</div>

なる

<div DISABLED-option="big">
   ... 
</div>

disabled-optionという有効な属性が実際にある場合は、明らかにこれを行わないでください。

クラスまたはスタイルを一時的に無効にするには

存在しないクラスまたはスタイルを使用してもエラーメッセージは表示されないため、これを実行してクラスまたはスタイルを無効にすることができます。

たとえば、tallというクラスを保持しながらhighlightedというクラスを無効にするには：

<div class="highlighted tall">
   ... 
</div>

なる

<div class="highlighted DISABLED-tall">
   ... 
</div>

同様に、font-weightスタイルを維持しながらcolorスタイルを無効にするには：

<div style="font-weight:700; color:red;">
   ...
</div>

なる

<div style="font-weight:700; DISABLED-color:red;">
   ...
</div>

繰り返しますが、これらは縮小中に削除されないため、エンドユーザーが受信するファイルのスペースを占有し、View sourceで表示できることを覚えておいてください。

9
Eureka

JavascriptのJSDoc、JavaDocのJavaDocなどに類似した「HTMLDoc」と呼ばれるHTMLコメントを構造化するための標準を開始しました。

あなたはそれについてここで読むことができます： http://usehtmldoc.org 。

タグ、属性、値のレベルでドキュメントを作成できます。

コードの場合、次のようになります。

<!--
@tag option
@attribute disabled Used to disable any particular option
@attribute selected Used to pre-select any particular option
@attribute label Used to provide a short version of the content in the option
@attribute value The actual value that will be send to the server. If omitted the content between the option opening and closing tags will be send.
-->

<option disabled = "disabled"
        selected = "selected"
        label = "string"
        value = "value">
Option 1
</option>
3
Jonathan

番号。
によると HTMLコメントタグ これらのコメントは他のHTMLタグと同様にタグであるため、開始タグまたは終了タグ内に配置できません。

3
Matthias