HTMLタグの種類と設定手順
HTMLには見出しタグ（例：<h1>）や、段落タグ（例：<p>）など、要素の役割ごとに様々な種類があります。
これらを適切に記述することでサイトのクローラビリティ（検索エンジンが内容を理解しやすくなる）・アクセシビリティ（スクリーンリーダーなどの支援技術が情報を適切に理解できる）を向上させることができます。
Tips：
ボックスに設定できるタグはボックスの種類によって異なります。タグの内容を自由に記述することはできません。
HTMLタグについてより詳しく知りたい場合は、HTML の基本 - ウェブ開発を学ぶ | MDNをご参照ください。
StudioでのHTML要素・属性の対応状況については、Studio HTML要素・属性対応表 をご覧ください。
アクセシビリティを考慮した構築方法については、Studioアクセシビリティチェックシートも合わせてご確認ください。
主なタグの種類
ボックス、画像など
Tips：条件を満たした場合のみ、見出しタグ<h1>〜<h6>も設定できます。詳しくは、HTML の見出しタグ <h1> - <h6>をご確認ください。
デフォルトは<div>となっており、以下のタグが設定できます。
<div>：特に意味を持たず、グループ要素として使えるタグ
<nav>：他のページやページ内の別の場所へのナビゲーションリンク
<header>：ロゴ、タイトル、ナビゲーションなどのグループ
<footer>：著作権や規約などに関する情報、リンクのまとまったグループ
<section>：通常見出しとコンテンツで構成される、一区切りのセクション
<article>：自己完結するのひとまとまりのコンテンツ
<main>：ページの中心となる情報を示すタグで、基本的に１ページにつき１度だけ使用が可能
<ul>：いくつかの項目を含むリスト
<li>：リスト内の項目
<label>：フォームの項目のまとまりを示すボックス
テキストボックス
デフォルトは<p>で、以下のタグが設定できます。
<p>：一つの段落
<h1>〜<h6>：見出しを意味するタグで、数字が若いほど大きな見出しを表す
<li>：箇条書きリスト内の項目
<span>：特に意味を持たず、文章の一部のグループ化に使えるタグ
タグの設定手順
Studioでは、初めから通常のボックスには<div>、テキストボックスには<p>のHTMLタグが設定されています。
配置後にボックス選択枠左上のタグをクリックすると、タグの種類を変更することができます。
tag source code script
ソースコード