HTML элемент main

HTML элемент main — Основное содержание документа
. Все HTML элементы.

HTML элемент main: Пример кода

<!-- other content -->

<main>

 <h1>Скейтборды</h1>
 <p>Скейтборд-это круто, детям нравится.</p>

 <article>
 <h2>Лонгборды</h2>
 <p>Лонгборды - тип скейтборда с большой
колесной базой.</p>
 <p>Текст </p>
 <p>Текст </p>
 </article>

 <article>
 <h2>Электрический Скейтборд</h2>
 <p>Это скейтборды, приводимые в движение
с помощью электрического мотора, который
питается от аккумулятора.</p>
 <p>Текст </p>
 <p>Текст </p>
 </article>

</main>


 <h2>Пример 2: создание main</h2>
<!DOCTYPE html>
<html lang="en">
 <head>
 <title>Выпускной 2022</title>
 </head>
 <body>

 <header>Академии Лоусон:
 <nav>
 <ul>
 <li><a href="courses.html">Курсы</a></li>
 <li><a href="fees.html">Гонорар</a></li>
 <li><a>Выпуск</a></li>
 </ul>
 </nav>
 </header>

 <main>

 <h1>Выпуск</h1>

 <nav>
 <ul>
 <li><a href="#ceremony">Церемония</a></li>
 <li><a href="#graduates">Выпускники</a></li>
 <li><a href="#awards">Награды</a></li>
 </ul>
 </nav>

 <h2 id="ceremony">Церемония</h2>
 <p>Открытие Шествия</p>
 <p>Речь Медалиста</p>
 <p>Выступление Президента класса</p>
 <p>Вручение дипломов</p>
 <p>Заключительная речь директора</p>

 <h2 id="graduates">Выпускники</h2>
 <ul>
 <li>Иван</li>
 <li>Марина</li>
 <li>Анжела</li>
 <li>Евгений</li>
 <li>Елена</li>
 <li>Лейла</li>
 </ul>

 <h2 id="awards">Награждены</h2>
 <ul>
 <li>Анжела</li>
 <li>Евгений</li>
 <li>Лейла</li>
 </ul>

 </main>

 <footer> Копирайт 2020</footer>

 </body>
</html>

HTML элемент main: атрибуты

globals