そのページの中心的なコンテンツが含まれるボックスを作成したい
ページの中心的なコンテンツは、<main>~</main>で囲むことができます。<div>タグだけでなく、<main>タグや<article>タグ、<section>タグを使用するとHTMLが読みやすくなりメンテナンス性が向上します。<main>タグは<article>タグに比べて意味がわかりやすく使いやすいです。ニュースサイトやブログサイトだけでなく、どんなサイトでも使える応用範囲の広さが<main>タグの特徴です。ただし、<min>タグにはひとつだけ注意点があります。それは<main>タグを<article>、<header>、<footer>、<nav>、<aside>タグの子要素にしていないことです。
<!DOCTYPE html>
<html lang="ja">
<head>
</head>
<body>
<main>
<section>
<h1>サーバーメンテナンス・障害情報 </h1>
<article>
<h2>メール送受信障害 </h2>
<p> 7月20日1時24分から2時10分まで、 T01サーバーにてメールの送受信がし づらい状態が発生しておりました。 ご利用の皆様には大変ご迷惑をおかけいたしました。</p>
</article>
<article>
<h2>サーバーメンテナンスのお知らせ</h2>
<p>10月22日14時00分から5時00分の間、セキュリティ対策のためサーバーメンテナ ンスを行います。対象のサーバーはT01です。 ご利用 中の皆様にはご迷惑をおかけしますが、ご理解のほどお願い申し上げます。 </p>
</article>
</section>
</main>
</body>
</html>実行結果
