[解決済み] how to mix links ( <a> tag ) and headings ( <h1> tag ) in web standard?
2022-12-12 08:16:28
Question
What is the correct code to create a link with heading 1 according to web standards?
is it
<h1><a href="http://stackoverflow.com"> stackoverflow </a></h1>
or
<a href="http://stackoverflow.com"><h1> stackoverflow </h1></a>
Thanks
How to solved?
According to web standards you aren't allowed to put block elements into inline elements.
As
h1
is a block element and
a
is an inline element the correct way is:
<h1><a href="#">This is a title</a></h1>
ここにリンクがあるので、もっと詳しく知ることができます。 w3 ビジュアルフォーマットモデル
ただし、HTML5 では例外的にブロックレベル要素(例えば
div
,
p
または
h*
) をアンカータグの中に入れてください。ブロックレベル要素をアンカー以外のインライン要素で包むことは、やはり標準に反しています。
関連
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] HTMLの "role "属性は何のためにあるのですか?
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] preタグでテキストを折り返すにはどうしたらよいですか?
-
[解決済み] CSS 背景の不透明度 [重複]について
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
ローカルリソースのロードが許可されていない問題を解決する
-
[解決済み] BootstrapのCollapse Navbarが動作しない
-
[解決済み] CSS - カーソルを置いたときに塗りつぶしの色を変更する - SVG PATH
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] mailto:を使ってメールの件名や内容を設定することはできますか?
-
[解決済み] input type="date "のフォーマットを変更する方法はありますか?
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]
-
[解決済み] HTMLのdiv要素とspan要素の違いは何ですか?