html5 属性値では引用符を無視できますか?

html5 属性値は引用符を無視できます。 HTML5 では、属性値にスペースや「"」、「'」、「`」、「=」、「」が含まれていない場合、タグ内の属性値を囲む引用符はオプションです。 " やその他の特殊記号を使用する場合は、引用符なしの形式のままにすることができます。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン, Dell G3 コンピュータ .

html5 では、一重引用符、二重引用符、または引用符なしを使用できます。タグ内の属性値の両側の引用符はオプションです。ただし、それでも記述するのが一般的です。

W3C 作業草案 (2011 年 1 月 13 日):

属性値にスペースまたは ",' が含まれていない場合、属性値は引用符で囲まれないままにすることができます。 、 `、 =、 、 <code>> およびその他の特殊記号

HTML 属性値に引用符を付けるかどうかのルールの詳細な説明

説明:

属性値が単語または文字列全体 (なし) 属性値が複数の単語または文字列全体 (間にスペースが含まれる) の場合: 引用符が必要です

備考: 上記は先生のオリジナルの言葉です。個人的な実験では値にスペースが含まれるかどうかで引用符を付けるかどうかが決まります。スペースがある場合は引用符を付けます。スペースがなければ引用符を付ける必要はありません。 [ただし、プログラミングの便宜上、どちらの場合も引用符を追加することをお勧めします]

実験:

ケース1: マテリアル名(名前スペースに何もない):

コード①(引用符付きの値):

<img  src="/static/imghwm/default1.png" data-src="images/163logo.gif" class="lazy" alt="html5 属性値では引用符を無視できますか?" >

通常表示

コード② (引用符なしの値):

<img  alt="html5 属性値では引用符を無視できますか?" >

通常表示

ケース 2: マテリアル名 (名前にスペースが含まれている):

## コード① (引用符付きの値):

<img  src="/static/imghwm/default1.png" data-src="images/163 logo.gif" class="lazy" alt="html5 属性値では引用符を無視できますか?" >

通常表示

コード② (引用符なしの値):

<img  src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/024/f0500214e16d3d9f8377585a2cdaef5a-4.png?x-oss-process=image/resize,p_40" class="lazy" alt="html5 属性値では引用符を無視できますか?" >

Picture not found

要約: 値にスペースがある場合は、値を引用符で囲む必要があることがわかります。値にスペースがない場合は、次のように追加できます。

知識を広げる: html5 の見落としがちな詳細

html5 では、スペースと空の要素の末尾にあるスラッシュは無視できます。

• タグ内の属性値を囲む引用符はオプションです。ただし、書き留めるのが一般的です。

• 属性の数値は単位を入力する必要はなく、値自体のみを入力できます。ラベルの高さと幅など。

• タグ内の一部の属性は、事前定義された値 (列挙値とも呼ばれます) のみを受け入れます。列挙値は必ず小文字で記述してください。入力タイプなど。一部の属性には、入力の値など、任意の値を指定できます。

• タグには特別なブール属性値もあります。この属性値はオプションであり、存在する場合は true を表します。値を入力する必要がある場合は、値そのものを入力してください。 hidden="hidden" など。

• #html の命名規則: すべて小文字を使用し、単語の間に - (ダッシュ) を使用して単語を区切り、拡張子に .html を使用することが最善です (ただし、拡張子には .html を使用することもできます)。 htm は HTML ページを意味します)。

• img タグの alt 属性は、画像が正常に読み込まれない場合、またはテキスト専用ブラウザ (まれに) およびスクリーン リーダー経由でのみアクセスされる場合にテキストを表示するために使用されます。テキスト (アクセシビリティ) を読み上げます。

• title タグは、head タグの内側、文字エンコーディングのメタ タグの後ろに配置する必要があります。

• 関連するおすすめ: 「
html ビデオ チュートリアル

」

以上がhtml5 属性値では引用符を無視できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。