Перейти к основному содержимому

3.09. Итоги

Разработчику Аналитику Тестировщику
Архитектору Инженеру

Основные категории элементов:

  • Структурные (html, head, body);
  • Блочные (div, header, section);
  • Строчные (span, a, img);
  • Формы и элементы управления;
  • Мультимедиа (audio, video, img).

Структура документа:

  • DOCTYPE;
  • html;
  • head (meta, title, link);
  • body.

Семантическая разметка:

  • header, footer;
  • nav, aside;
  • main, section, article;
  • figure, figcaption.

Формы и элементы:

  • form;
  • input (различные типы);
  • button;
  • select, option;
  • textarea.

Мультимедиа:

  • img (атрибуты alt, srcset);
  • audio, video;
  • source;
  • picture.

Три основных правила написания HTML:

  1. Используйте семантические теги.
  2. Соблюдайте правильную вложенность.
  3. Добавляйте атрибуты доступности.

Три фундаментальных момента:

  • HTML определяет структуру документа;
  • Правильная семантическая разметка важна для SEO;
  • Корректная вложенность элементов обеспечивает работоспособность.