Web初心者が学ぶ【HTML5の省略タグ】閉じタグは要る?要らない?2024-01-13HTMLの勉強をしているが、【タグ】によって終了タグ(閉じタグ)を書く場合とない場合がある。何に必要で何に要らないのか分からなくなる・・・HTMLのタグにはもともと「終了タグ」が無いのもあれば、省略できるものもあります。テキストエディタによっては開始タグを打ち込むと、終了タグも続けて書いてくれるので、特に意識して「省略タグ」などを勉強していなかったのですが、ウェブデザイン技能検定の学科の過去問に「終了タグの省略ができない要素はどれか」という問題があり間違えたので改めて調べてみました。今日は「省略タグ」についてまとめます。HTMLタグの基本的な書式と名称まずHTMLの書式と名称について。終了タグ(閉じタグとも言います)は「/」スラッシュをタグ名の前に付けます。(例)<p>こんにちは。</p>この終了タグには元々無いもの省略できるものがあります。HTMLの閉じタグがもともと無いもの。閉じタグが無い要素は<img><meta><input>など画像を挿入する際によく使う<img>タグには終了タグがありません。alt="ギター">終了タグが無いタグのことを「空要素」と言います。上記以外のタグや空要素の意味など詳しくはこちらを参考にしてみてください。おける要素のうち、子ノード(すなわち子要素およびテキストノード)を持つことができないものを指します。空要素には開始タグしかありません。...続きを見るHTMLの省略タグ終了タグを省略して書くこともできますが、省略するには条件があります。<li><p><tr>など主にリストやテーブルで省略できることが多そう。「終了タグを省略できる要素」だけでなく「開始タグと終了タグの両方を省略できる要素」もあります。条件に関してはこちらのサイトが参考になりました。ファイルサイズが小さくなる。私はプログラミング初心者なので、まずはざっくりとでも閉じタグが要るもの閉じタグが無いもの閉じタグが省略できるものという風に理解するところから始めました。ちなみにウェブデザイン技能検定の学科の過去にこのような問題が出ました。HTML5.2において、終了タグの省略ができない要素はどれか。以下より1つ選択しなさい。答えは1の「a要素」です。この問題を初めて見たとき「省略できるタグの存在」を知りました。現段階では省略する、しないまで突き詰めるほどスキルが無いので、省略に関してはもう少し後にやってみようかと思います。関連記事PostSharePocketHatenaPinterestLINEURLコピー-Web-webサイト制作author関連記事Googleサーチコンソールで記事ページを削除する方法Googleサーチコンソールは、ウェブサイトの運営者にとって非常に重要なツールの一つです。製作したサイトをネット上で公開するためには、ネットサーバー上にファイルをアップロードする必要がありますが、その作業を「FTPソフト」を使用して行います。...WebGoogleフォームでサイトに「お問い合わせフォーム」を設置する今回は「お問い合わせフォーム」を簡単に作る方法。HTMLやCSSを使って作るとなると勉強が必要になるので、単純、簡単に今回は設置する方法をお話します。...Webエックスサーバーで独自ドメインのメールを作る【作成から設定まで】Gmailなどのフリーメールでも自分の好きな名前を付けれますが、どうしても利用しているサービスの名称が入ってしまいます。iZotope「RX-7」でエラーが出た時の対処法ハローワークに相談しに行くにはどうすればいいのか。サイト内検索マユAIツールにハマってる主婦。自分のコンテンツ制作・活動に役立つ情報をお届けします。Lite」も存在します。今回は無料ブログではなく、しっかりと自分のブログを作るために、WordPressの導入やサーバー、ドメインについて手順を解説します。...4BASEとは?オンラインショップを始める初心者に最適なプラットフォームBASE(ベイス)は、手軽な操作性と魅力的なデザインで、その使いやすさと多彩な機能が、ネットショップ経営を手軽に始めるのに適しています。