Семантическая верстка. Коротко

Июль 24, 2022

Главная
Информатика
Семантическая верстка. Коротко

Содержание

2. Теги HTML5 Семантически нейтральные , , ... https://html.spec.whatwg.org/multipage/ — источник теоретической информации
3. Смысловой каркас страницы html4 html5 https://validator.w3.org/
4. Два основных секционных тега = логическое И = логическое ИЛИ Заголовок книги Глава №1 Глава №2
5. Смысловая иерархия Заголовок книги Глава 1 Параграф 1.1 Параграф 1.2 Глава 2 В теории может быть
6. Это не боковая колонка! Это информация, которая tangentially related окружающему контенту. Обычно, но не всегда это
7. Обозначаем элементы навигации по сайту. Внутри лучше всего работают списки из ссылок: Пункт 1 Пункт 2
8. Группирующие теги — неосновной контент, связанный с окружающей секцией. — неосновной контент, слабо связанный с окружающей
9. Устаревший тег, но имеющий небольшое значение для accessibility. С его помощью обозначаем основной контент страницы, в
11. Скачать презентацию

Слайд 2

Теги HTML5
Семантически нейтральные
,
, ...
https://html.spec.whatwg.org/multipage/ — источник теоретической информации

Слайд 3

Смысловой каркас страницы
html4
html5
https://validator.w3.org/

Слайд 4

Два основных секционных тега
= логическое И
= логическое ИЛИ

Заголовок

книги

Глава №1

Глава №2

Глава №3

Главная страница

Политика

Общество

Спорт

Оба тега =

технически

Слайд 5

Смысловая иерархия

Заголовок книги

Глава 1

Параграф 1.1

Параграф 1.2

Глава 2

В теории может быть сколько угодно

, смысловая иерархия строится на основе вложенности.
Но на практике лучше придерживаться обратной совместимости.

Заголовок книги

Глава 1

Параграф 1.1

Параграф 1.2

Глава 2

Слайд 6

Это не боковая колонка!
Это информация, которая tangentially related окружающему контенту.
Обычно, но

не всегда это реклама, обменки, что-то совершенно инородное.

Слайд 7

Обозначаем элементы навигации по сайту. Внутри лучше всего работают списки из

ссылок:

Слайд 8

Группирующие теги
— неосновной контент, связанный с окружающей секцией.
— неосновной

контент, слабо связанный с окружающей секцией.
Это не шапка и не подвал, но бывает и так.

Слайд 9

Устаревший тег, но имеющий небольшое значение для accessibility. С его помощью

обозначаем основной контент страницы, в большинстве случаев — это уникальный контент.
[шапка сайта]
[что-то, что меняется от урла к урлу]
[подвал сайта]