Skip to content

Commit

Permalink
Добавил перелинковку для атрибутов autocomplete, accept и тега `<addr…
Browse files Browse the repository at this point in the history
…ess>` и тег `<body>` (#5218)

* add: перелинковка на атрибут autocomplete

* add: перелинковка на атрибут accept

* add: перелинковка на `<address>`

* add: перелинковка с тегом body
  • Loading branch information
punkmachine committed Mar 25, 2024
1 parent d16a521 commit ccd4836
Show file tree
Hide file tree
Showing 7 changed files with 7 additions and 7 deletions.
2 changes: 1 addition & 1 deletion a11y/accessible-forms/index.md
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion html/header/index.md
Expand Up @@ -113,7 +113,7 @@ tags:
</header>
```

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

## Атрибуты

Expand Down
2 changes: 1 addition & 1 deletion html/span/index.md
Expand Up @@ -44,7 +44,7 @@ tags:

## Подсказки

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

## Ещё пример

Expand Down
2 changes: 1 addition & 1 deletion js/getelementsbyclassname/index.md
Expand Up @@ -60,7 +60,7 @@ tags:

Метод работает с [DOM](/js/dom/), который связан с HTML-разметкой. Каждый HTML-элемент имеет родительские и дочерние элементы:

- Родительские элементы — это элементы, внутри которых находится элемент. В примере выше у элемента `<h1>` есть два родительских элемента — `<div>` и `<body>`.
- Родительские элементы — это элементы, внутри которых находится элемент. В примере выше у элемента `<h1>` есть два родительских элемента — `<div>` и [`<body>`](/html/body/).
- Дочерние элементы — это элементы, которые содержит текущий элемент. Они могут быть, а могут не быть. Например, для тега `<body>` все элементы страницы дочерние. У `<h1>` дочерний элемент — текст внутри тега.

Если работаешь с корнем страницы, объектом `document`, то поиск идёт по всем элементам страницы (т.е. от `<body>`), если от конкретного элемента, то поиск идёт только по всем дочерним.
Expand Down
2 changes: 1 addition & 1 deletion js/getelementsbytagname/index.md
Expand Up @@ -56,7 +56,7 @@ tags:

Метод работает с DOM, который связан с HTML-разметкой. Каждый HTML-элемент имеет родительские и дочерние элементы:

- Родительские элементы — это элементы, внутри которых находится элемент. В примере выше у элемента `<h1>` есть два родительских элемента — `<div>` и `<body>`.
- Родительские элементы — это элементы, внутри которых находится элемент. В примере выше у элемента `<h1>` есть два родительских элемента — `<div>` и [`<body>`](/html/body/).
- Дочерние элементы — это элементы, которые содержит текущий элемент. Они могут быть, а могут не быть. Например, для тега `<body>` все элементы страницы дочерние. У `<h1>` дочерний элемент — текст внутри тега.

Если работаешь с корнем страницы, объектом `document`, то поиск идёт по всем элементам страницы (т.е. от `<body>`), если от конкретного элемента, то поиск идёт только по всем дочерним.
Expand Down
2 changes: 1 addition & 1 deletion recipes/center/index.md
Expand Up @@ -89,7 +89,7 @@ tags:

## Разбор решения

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

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

Expand Down
2 changes: 1 addition & 1 deletion recipes/progress/index.md
Expand Up @@ -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`. Обработчик этого события будет обрабатывать выбранный файл и передавать его на сервер.

Expand Down

0 comments on commit ccd4836

Please sign in to comment.