[解決済み] 迷子の終了タグ img
2022-02-18 03:03:52
質問
W3C Validator サービスでマークアップを検証しているときに、次のようなエラーが発生しました。
<ブロッククオート迷子の終了タグ img
コードは以下の通りです。
<a title="text" href="url">
<img class="text" src="imgSrc" alt="Text"></img>
</a>
どういう意味ですか？どうすれば回避できるのでしょうか？
解決方法は？
XHTML 準拠の文書である場合、以下のように閉じなければなりません。
img
タグを
<img src="image.jpg"/>
でなく
<img>...</img>
.
ドキュメントが HTML5 に対応している場合は
/>
の部分のみを使用します。
<img src="image.jpg">
そして、その文書がXHTMLやHTML5に準拠しているとはどういうことかというと、これはHTMLページの一番最初の行、いわゆる
document type definition
:
<!DOCTYPE HTML>
HTML5用と
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Transitional用
NOTE
は
<!DOCTYPE>
宣言は必須であり（HTML バリデータで検証させたい場合）、常に HTML 文書の最初に記述されるべきものです。
NOTE 文書型定義は、技術的にはウェブページを機能させるために必要ではありませんが、コードに常に含めることは良い習慣です。Web ページを作成する際には、常に文書型定義をコードに含める習慣を身に付けてください。
もっと読む
関連
-
[解決済み】CSSの背景画像が表示されない。
-
[解決済み] CSSのホバー効果が私のコードで機能しない
-
[解決済み] HTMLでSVGを使用して三日月を描画する
-
[解決済み] テーブルセルの背景を透明にする方法
-
[解決済み] 背景画像を前後にパンするCSS【非公開
-
[解決済み] 以下のHTMLフォームの例で、「mailto:[email protected]」とは何ですか？
-
[解決済み] ChromeのデベロッパーツールでHTML Bodyにcz-shortcut-listen="true "が表示される？
-
[解決済み] HTML Divのボーダーが表示されない
-
[解決済み] 画像をインラインで表示する方法
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける？
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JQuery: 'Uncaught TypeError: ajaxリクエストで「Illegal invocation」が発生する - 複数の要素
-
[解決済み】Markdownで'target="_blank"'でリンクを作成することはできますか？
-
[解決済み] このCSSでInline-blockが正しく動作しないのはなぜですか？
-
[解決済み] 絶対位置が機能しない
-
[解決済み] Favicon.icoを表示させることができません。
-
[解決済み] HTML Divのボーダーが表示されない
-
[解決済み] フッターの内容が重なっているのを修正するには？
-
[解決済み] Bootstrap 4 の mr-auto が正しく動作しない。
-
[解決済み] Railsアプリケーションにアイコンを追加する
-
[解決済み] type="application/x-shockwave-flash "で表示可能な形式は？