HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <main> タグ

HTML <main>タグはHTMLの5要素は、HTMLドキュメント内の主要なコンテンツを定義するために使用され、ドキュメント内に1つの<main>要素のみが存在する必要があります。このタグは通常<main>要素と呼ばれます。

オンラインサンプル

HTMLでは、<main>タグの構文は以下の通りです：

<body>
<main　role="main">
　　<h1>oldtoolbag.com</h1>
　　<p>信頼できる新しい技術を学ぶリソースです</p>
　　<article>
　　　　<h2>HTML</h2>
　　　　<p>私たちのステップバイステップのチュートリアルとリソースを通じてHTML（ハイパーテキストマークアップ言語）を学びましょう。</p>
　　</article>
　　<article>
　　　　<h2>CSS</h2>
　　　　<p>私たちのステップバイステップのチュートリアルとリソースを通じてCSS（キャスケードスタイルシート）を学びましょう。</p>
　　</article>
</main>
</body>

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが <main> タグをサポートしています。

オンラインでサンプルを試す

サンプル

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　mainタグの使用（基本チュートリアルウェブ　oldtoolbag.com)(/title>
</head>
<body>
<main　role="main">
　　<h1>oldtoolbag.com</h1>
　　<p>信頼できる新しい技術を学ぶリソースです.</p>
　　<article>
　　　　<h2>HTML</h2>
　　　　<p>私たちのステップバイステップのチュートリアルとリソースを通じてHTML（ハイパーテキストマークアップ言語）を学びましょう。</p>
　　</article>
　　<article>
　　　　<h2>CSS</h2>
　　　　<p>私たちのステップバイステップのチュートリアルとリソースを通じてCSS（キャスケードスタイルシート）を学びましょう。</p>
　　</article>
</main>
</body>
</html>

テストを見てみる ‹/›

タグの定義及び使用説明

HTML <main>要素は<body>タグ内に見つかるHTML5要素。

<main>タグは、ナビゲーション、ウェブサイトのロゴ、ソーシャルメディアのリンク、著作権情報、サイドバーなどの重複の内容に使用されません。

建议在<main>元素上使用ARIA角色“ main”，以便旧浏览器中的屏幕阅读器可以访问它，例如：<main role="main">

IEより古い 9のIEブラウザ、HTMLを使用してください5shiv、これは新しいHTMLに対応するためのJavaScriptの解決策で、新しいIEブラウザで使用してくださいHTML5要素をサポートしています、例：<header>、<main>、<article>、<section>、<aside>、<nav>、<footer>。

ドキュメント内で、<main> 要素の内容はユニークでなければなりません。どのドキュメントのシリーズにも同時に存在する同じ、重複の内容、例えばサイドバー、ナビゲーションバーのリンク、著作権情報、ウェブサイトのロゴ、検索ボックス（検索ボックスがドキュメントの主要機能でない場合を除きます）は、その中に含まれてはなりません。

HTML5: <mark> タグ HTML: <map> タグ