React で h1-h6 を正しく使い分ける

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/neet

162 usersがブックマークコメント

コメント

16

記事へのコメント16件

注目コメント
新着コメント

miki3k ハイパーテキストをマークアップするために作られた仕様なので

2022/10/27 リンク

mayumayu_nimolove webデザイナー経験者は無意識にやっちゃうけど webアプリケーションでは必要ないだろと思ったけどアクセシビリティで使うのか。

2022/10/27 リンク

otchy210 タイトル読んで「Context 使ってインクリメントかな？」と思ったので、答えが合っていて嬉しかった。

2022/10/27 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

React で h1-h6 を正しく使い分ける

Web の基礎を支える HTML の最も重要な要素の一つである h1-h6 要素ですが、 React を始めとするコンポ... Web の基礎を支える HTML の最も重要な要素の一つである h1-h6 要素ですが、 React を始めとするコンポーネントベースのライブラリを特に意識せずに利用すると、SEOやアクセシビリティー上の意図せぬ問題を生むことがあります。この記事では、 React を例に取り h1-h6 を使うことで生じる問題と、その解決策を３つずつご紹介します。尚、この記事で紹介するコードスニペットは GitHub リポジトリに動作する状態で公開しておりますので、併せてご参照ください。前提知識読者のみなさまは、HTMLの要素 h1-h6 にどのような役割があるか説明できますか？大きい文字を出したかったらh1を使って、それより少し小さい文字を出したかったらh2を使う...わけではありませんでした。h1-h6 は「見出し要素」と呼ばれ、文章の見出しとなるテキストをマークアップするのに用いられて

ブックマークしたユーザー

techtech05212024/05/25
field_combat2024/05/23
KasuyaMofu2023/09/01
ryu19j2023/01/09
buzztaiki2022/12/21
okyawa2022/11/02
nowrika2022/10/31
toshi-toma2022/10/29
hush_in2022/10/28
sssddr2022/10/27
wonder-wall2022/10/27
dhrname2022/10/27
locke-0092022/10/27
rskull2022/10/27
s-0samu2022/10/27
mohritaroh2022/10/27
Fleiheit2022/10/27
mas-higa2022/10/27

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx