• カミナリツイッターカミナリtwitter
  • カミナリフェイスブックカミナリfacebook
  • カミナリインスタグラムカミナリinstagram

山陰の情報を発信するカミナリ

ナビ

06

DECEMBER

ウェブMONDAY 2021 / 12 / 6

HTML5の入れ子を簡単に確認できる「HTML5 入れ子チートシート」

Text by Shinji Sato

  • カミナリツイッターカミナリtwitter
  • カミナリフェイスブックカミナリfacebook

こんにちは。

昨日から大人気アニメ鬼滅の刃の『鬼滅の刃 遊郭編』が始まりましたね。

開始日を知らず、BGM代わりにしてたテレビから急に流れ始めたので慌てて視聴しました。

次からはちゃんと視聴しようと思います。

 

ちなみにAmazon Prime Videoでも視聴可能みたいです。

 

 

 

 

 

今日は簡単にHTML5の入れ子を簡単に確認できる「HTML5 入れ子チートシート」をご紹介します。

 

「入れ子のルールなんてしってるよ」って人も多いかと思いますが、たまには初心にかえって見直してみるのはどうでしょうか?

 

 

HTML5 入れ子チートシート

 

使い方は簡単でマウスを上に乗せると「親」と「子」の二項目出て来るので

親要素を確認したい場合は「親」を

子要素を確認したい場合は「子」をクリックすると一覧が確認できます。

 

とっても簡単ですね。

 

 

 

 

ちなみにですが、ホームページのタグ構造を見てみると結構間違った入れ子をしてるのを見たりします。

 

 

 

まぁ、多少間違っていてもほどんどのブラウザで問題なく表示されたりしますので、

「別にいいじゃん!」って思う人もいるかもですが、個人的にはバレた時にちょっと恥ずかしいからちゃんとしておきたいなと思うお年頃の佐藤です。

ちなみにSEO的に問題があるかはしりません。

 

 

 

佐藤真司隠しプロフィール画像

TEXT by

佐藤 真司さとうしんじ)

1990年 鳥取県米子市生まれ。
株式会社マジックワード フロントエンドエンジニア。

この人が書いた他の記事を読む