HTML5 вводит более описательные HTML-теги. К ним относятся header , footer , nav , video , article , section и другие.

Эти теги упрощают чтение вашего HTML, а также помогают в поисковой оптимизации (SEO) и доступности. main тег HTML5 помогает поисковым системам и другим разработчикам находить основное содержимое вашей страницы.

Пример использования тега main

<main> 
  <h1>Hello World</h1>
  <p>Hello Paragraph</p>
</main>

Заметка
Многие из новых тегов HTML5 и их преимущества описаны в разделе «Прикладная доступность».

Создайте второй элемент p после существующего элемента p со следующим текстом Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

Оберните абзацы с помощью main и закрывающего main тега.

Вы можете использовать элементы a (anchor или якорь) для ссылки на контент вне вашей веб-страницы. Элементам a нужен УРЛ-адрес назначения, называемый атрибутом href. Внутри тега следует размещать текст и/или другие HTML-теги, так как если ничего внутри тега не будет, то и ссылку не будет видно. Вот пример:

<a href="https://freecodecamp.org">this links to freecodecamp.org</a>

Создайте элемент a, который ссылается на https://www.freecatphotoapp.com и содержит текст cat photos.

Вы можете добавлять изображения на свой сайт с помощью элемента img и указывать URL-адрес определенного изображения, используя атрибут src . Примером этого может быть:

<img src="https://www.your-image-source.com/your-image.jpg">

Обратите внимание, что элементы img самозакрываются. Все элементы img должны иметь атрибут alt . Текст внутри атрибута alt используется для чтения с экрана для улучшения доступности и отображается в виде текста, если изображение не загружается.

Примечание. Если изображение является чисто декоративным, использование чистого атрибута alt является наилучшей практикой. В идеале атрибут alt не должен содержать специальных символов, если это не требуется.

Давайте добавим атрибут alt к нашему примеру img выше:

<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up.">

Попробуем добавить изображение на наш сайт: вставьте тег img перед элементом h2 .

Теперь установите атрибут src так, чтобы он указывал на этот url: https://bit.ly/fcc-relaxing-cat

Наконец, не забудьте дать вашему изображению текст alt .

HTML5 вводит более описательные HTML-теги. К ним относятся header , footer , nav , video , article , section и другие.

Эти теги упрощают чтение вашего HTML, а также помогают в поисковой оптимизации (SEO) и доступности. main тег HTML5 помогает поисковым системам и другим разработчикам находить основное содержимое вашей страницы.

Пример использования тега main

<main> 
  <h1>Hello World</h1>
  <p>Hello Paragraph</p>
</main>

Заметка
Многие из новых тегов HTML5 и их преимущества описаны в разделе «Прикладная доступность».

Создайте второй элемент p после существующего элемента p со следующим текстом Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

Оберните абзацы с помощью main и закрывающего main тега.