doka-guide · solarrust · Mar 25, 2024 · Mar 21, 2024 · Mar 21, 2024 · Mar 21, 2024
@@ -153,7 +153,7 @@ tags:
 
 Используйте для полей с почтой `type="email"`, а не `text`. Так браузеры правильно отобразят почту при включённом автозаполнении поля, провалидируют его по умолчанию, а на мобильных устройствах пользователям будет проще ввести адрес с виртуальной клавиатуры.
 
-Для поля с почтой также используйте `autocomplete` со значением `email`. Не заставляйте пользователей вводить почту каждый раз.
+Для поля с почтой также используйте [`autocomplete`](/html/autocomplete/) со значением `email`. Не заставляйте пользователей вводить почту каждый раз.
 ```html
 <label for="email">Введите почту:</label>
 <input type="email" name="email" id="email" autocomplete="email">

@@ -113,7 +113,7 @@ tags:
 </header>
 ```
 
-На странице может быть сколько угодно тегов `<header>`. Но их нельзя помещать в контейнеры `<footer>`, `<address>` или другой `<header>`.
+На странице может быть сколько угодно тегов `<header>`. Но их нельзя помещать в контейнеры `<footer>`, [`<address>`](/html/address/) или другой `<header>`.
 
 ## Атрибуты
 

@@ -44,7 +44,7 @@ tags:
 
 ## Подсказки
 
-💡 Иногда, чтобы отформатировать часть текста, можно использовать семантические элементы — это те, которые не просто являются контейнерами, а имеют своё значение, например, тег `<header>`, с помощью которого вы создаёте «шапку» своей страницы с меню и логотипом. Поэтому, если вместо `<span>` можно использовать семантический тег, например, `<address>` для выделения автора материала курсивом или `<mark>` для выделения текста жёлтым маркером, то используйте их.
+💡 Иногда, чтобы отформатировать часть текста, можно использовать семантические элементы — это те, которые не просто являются контейнерами, а имеют своё значение, например, тег `<header>`, с помощью которого вы создаёте «шапку» своей страницы с меню и логотипом. Поэтому, если вместо `<span>` можно использовать семантический тег, например, [`<address>`](/html/address/) для выделения автора материала курсивом или `<mark>` для выделения текста жёлтым маркером, то используйте их.
 
 ## Ещё пример
 

@@ -60,7 +60,7 @@ tags:
 
 Метод работает с [DOM](/js/dom/), который связан с HTML-разметкой. Каждый HTML-элемент имеет родительские и дочерние элементы:
 
-- Родительские элементы — это элементы, внутри которых находится элемент. В примере выше у элемента `<h1>` есть два родительских элемента — `<div>` и `<body>`.
+- Родительские элементы — это элементы, внутри которых находится элемент. В примере выше у элемента `<h1>` есть два родительских элемента — `<div>` и [`<body>`](/html/body/).
 - Дочерние элементы — это элементы, которые содержит текущий элемент. Они могут быть, а могут не быть. Например, для тега `<body>` все элементы страницы дочерние. У `<h1>` дочерний элемент — текст внутри тега.
 
 Если работаешь с корнем страницы, объектом `document`, то поиск идёт по всем элементам страницы (т.е. от `<body>`), если от конкретного элемента, то поиск идёт только по всем дочерним.

@@ -56,7 +56,7 @@ tags:
 
 Метод работает с DOM, который связан с HTML-разметкой. Каждый HTML-элемент имеет родительские и дочерние элементы:
 
-- Родительские элементы — это элементы, внутри которых находится элемент. В примере выше у элемента `<h1>` есть два родительских элемента — `<div>` и `<body>`.
+- Родительские элементы — это элементы, внутри которых находится элемент. В примере выше у элемента `<h1>` есть два родительских элемента — `<div>` и [`<body>`](/html/body/).
 - Дочерние элементы — это элементы, которые содержит текущий элемент. Они могут быть, а могут не быть. Например, для тега `<body>` все элементы страницы дочерние. У `<h1>` дочерний элемент — текст внутри тега.
 
 Если работаешь с корнем страницы, объектом `document`, то поиск идёт по всем элементам страницы (т.е. от `<body>`), если от конкретного элемента, то поиск идёт только по всем дочерним.

@@ -89,7 +89,7 @@ tags:
 
 ## Разбор решения
 
-Перед разбором каждого из решений разберёмся со стартовым кодом. Во всех примерах зададим 100% высоты окна браузера для `<html>` и `<body>`, чтобы страница растянулась по высоте.
+Перед разбором каждого из решений разберёмся со стартовым кодом. Во всех примерах зададим 100% высоты окна браузера для `<html>` и [`<body>`](/html/body/), чтобы страница растянулась по высоте.
 
 Также во всех примерах по возможности используются логические свойства, чтобы код был современным.
 

@@ -295,7 +295,7 @@ function loadHandler(event) {
 
 Для формы указывается атрибут `enctype` со значением `multipart/form-data`, поскольку будет использоваться элемент управления для выбора файлов.
 
-Файл для отправки пользователь сможет выбрать с помощью элемента [`<input>`](/html/input/), для которого установлен тип `file`. Формат файлов, которые можно будет загрузить, устанавливается значением атрибута `accept`. В данном случае допускается использование изображений любого формата.
+Файл для отправки пользователь сможет выбрать с помощью элемента [`<input>`](/html/input/), для которого установлен тип `file`. Формат файлов, которые можно будет загрузить, устанавливается значением атрибута [`accept`](/html/accept/). В данном случае допускается использование изображений любого формата.
 
 Отправка файла на сервер выполняется при отправке формы. Для этого в JS-коде мы подписываемся на событие `submit`. Обработчик этого события будет обрабатывать выбранный файл и передавать его на сервер.