From f52b0037b98d56c8477dcff3b80fe28aaf243e0e Mon Sep 17 00:00:00 2001 From: vncrrct <148460394+vncrrct@users.noreply.github.com> Date: Wed, 1 Nov 2023 18:43:36 +0100 Subject: [PATCH 1/2] Fix example --- .../html/introduction_to_html/creating_hyperlinks/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md index 12b8eb36be3989..b6a42a3a1bfcee 100644 --- a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md +++ b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md @@ -54,7 +54,7 @@ slug: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks Вот что получилось (описание появится, если навести курсор на ссылку): -Я создал ссылку на [домашнюю страницу Mozilla](https://www.mozilla.org/ru/). +Я создал ссылку на [домашнюю страницу Mozilla](https://www.mozilla.org/ru/ "Лучшее место для поиска дополнительной информации о миссии Mozilla и о том, как внести свой вклад"). > **Примечание:** Описание из атрибута title отображается только при наведении курсора, значит люди, полагающиеся на клавиатурные элементы управления для навигации по веб-страницам, будут испытывать трудности с доступом к информации, которую содержит title. Если информация заголовка действительно важна для удобства использования страницы, то вы должны представить её таким образом, который будет доступен для всех пользователей, например, поместив её в обычный текст. From c53370b12fa99ebe784ff1c081c3f74200fd2bc6 Mon Sep 17 00:00:00 2001 From: Leonid Vinogradov Date: Sat, 2 Dec 2023 18:19:57 +0300 Subject: [PATCH 2/2] [ru] improve 'Learn/HTML/Introduction_to_HTML/Creating_hyperlinks' translation --- .../creating_hyperlinks/index.md | 79 ++++++++++--------- 1 file changed, 40 insertions(+), 39 deletions(-) diff --git a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md index b6a42a3a1bfcee..698fa3a9829501 100644 --- a/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md +++ b/files/ru/learn/html/introduction_to_html/creating_hyperlinks/index.md @@ -5,21 +5,33 @@ slug: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks {{LearnSidebar}}{{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals", "Learn/HTML/Introduction_to_HTML/Advanced_text_formatting", "Learn/HTML/Introduction_to_HTML")}} -Гиперссылки действительно важны — они делают Интернет Интернетом. В этой статье представлен синтаксис, необходимый для создания ссылки, а также обсуждаются лучшие практики обращения со ссылками. - -| Предварительные требования: | Базовое знакомство с HTML, описанное в статье [Начало работы c HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/%D0%9D%D0%B0%D1%87%D0%B0%D0%BB%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B). Форматирование текста в HTML, описанное в статье [Основы редактирования текста в HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/HTML_text_fundamentals). | -| --------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| Задача: | Научиться эффективно использовать гиперссылки и связывать несколько файлов вместе. | +Гиперссылки очень важны — именно они делают Интернет _сетью_. В этой статье представлен синтаксис, необходимый для создания ссылки, а также обсуждаются лучшие практики обращения со ссылками. + + + + + + + + + + + + +
Предварительные требования: + Базовое знание HTML, описанное в разделе «Начало работы с HTML». Знакомство с форматированием текста, которое описано в разделе + «Основы редактирования текста в HTML». +
Задача:Научиться эффективно использовать гиперссылки и связывать несколько файлов вместе.
## Что такое гиперссылка? -Гиперссылки — одно из самых интересных нововведений Интернета. Они были особенностью Сети с самого начала, но именно они превращают Интернет в Интернет. Они позволяют нам связывать наши документы с любым другим документом (или ресурсом), с которым мы хотим. С их помощью мы также можем связывать документы с их конкретными частями, и мы можем сделать приложения доступными на простом веб-адресе (сравните это с локальными приложениями, которые должны быть установлены, и другими такими же вещами). Почти любой веб-контент может быть преобразован в ссылку, так что когда вы кликаете по ней (или иным образом активируете), она заставляет веб-браузер перейти на другой веб-адрес ({{glossary("URL")}}.) +Гиперссылки — одно из самых интересных нововведений Интернета. Они были особенностью Сети с самого начала, но именно они превращают Интернет в Интернет. Они позволяют нам связывать наши документы с любым другим документом (или ресурсом), с которым мы хотим. С их помощью мы также можем связывать документы с их конкретными частями, и мы можем сделать приложения доступными на простом веб-адресе (сравните это с локальными приложениями, которые должны быть установлены, и другими такими же вещами). Почти любой веб-контент может быть преобразован в ссылку, так что когда вы кликаете по ней (или иным образом активируете), она заставляет веб-браузер перейти на другой веб-адрес ({{glossary("URL")}}). > **Примечание:** URL-адрес может указывать на файлы HTML, текстовые файлы, изображения, текстовые документы, видео и аудиофайлы и все остальное, что может жить в Интернете. Если веб-браузер не знает, как отображать или обрабатывать файл, он спросит вас, хотите ли вы открыть файл (в этом случае обязанность открытия или обработки файла передаётся в соответствующее локальное приложение на устройстве) или загрузить файл (в этом случае вы можете попытаться разобраться с ним позже). Например, домашняя страница BBC содержит большое количество ссылок, которые указывают не только на множество новостей, но и на различные области сайта (меню), страницы входа / регистрации (пользовательские инструменты) и многое другое. -![frontpage of bbc.co.uk, showing many news items, and navigation menu functionality](bbc-homepage.png) +![Главная страница bbc.co.uk, показывающая множество новостей и функциональность меню навигации.](updated-bbc-website.png) ## Анатомия ссылки @@ -32,21 +44,36 @@ slug: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks

``` -Это дало нам следующий результат: - +Это дало нам следующий результат:\ Я создал ссылку на [домашнюю страницу Mozilla](https://www.mozilla.org/ru/). -### Добавляем информацию через атрибут title +### Блочные ссылки -Другим атрибутом, который вы можете добавить к своим ссылкам, является — `title`. Он предназначен для хранения полезной информации о ссылке. Например, какую информацию содержит страница или другие вещи, о которых вам нужно знать. Например: +Как упоминалось ранее, вы можете превратить любой элемент в ссылку, даже {{Glossary("Block/CSS", "блочный элемент")}}. Если вы хотите превратить заголовок в ссылку, то оберните его в элемент (``): ```html + +

MDN Web Docs

+ +

+ Документируем веб-технологии, включая CSS, HTML и JavaScript, с 2005 года. +

+``` + +This turns the heading into a link: +{{EmbedLiveSample('Блочные ссылки', '100%', 150)}} + +### Добавляем информацию с помощью атрибута title + +Другим атрибутом, который вы можете добавить к своим ссылкам, является — `title`. Он предназначен для хранения полезной информации о ссылке. Например, какую информацию содержит страница или другие вещи, о которых вам нужно знать. Например: + +```html-nolint

Я создал ссылку на домашнюю страницу Mozilla .

@@ -54,7 +81,7 @@ slug: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks Вот что получилось (описание появится, если навести курсор на ссылку): -Я создал ссылку на [домашнюю страницу Mozilla](https://www.mozilla.org/ru/ "Лучшее место для поиска дополнительной информации о миссии Mozilla и о том, как внести свой вклад"). +{{EmbedLiveSample('Добавляем информацию с помощью атрибута title', '100%', 150)}} > **Примечание:** Описание из атрибута title отображается только при наведении курсора, значит люди, полагающиеся на клавиатурные элементы управления для навигации по веб-страницам, будут испытывать трудности с доступом к информации, которую содержит title. Если информация заголовка действительно важна для удобства использования страницы, то вы должны представить её таким образом, который будет доступен для всех пользователей, например, поместив её в обычный текст. @@ -66,20 +93,6 @@ slug: Learn/HTML/Introduction_to_HTML/Creating_hyperlinks - Теперь превратите некоторые фрагменты документа в ссылки. - Добавьте ссылкам атрибут `title`. -### Ссылки-блоки - -Как упоминалось ранее, вы можете превратить любой элемент в ссылку, даже [блочный элемент](/en-US/Learn/HTML/Introduction_to_HTML/Getting_started#Block_versus_inline_elements). Если у вас есть изображение, которые вы хотели бы превратить в ссылку, вы можете просто поместить изображение между тегами `.` - -```html - - логотип mozilla со ссылкой на их домашнюю страницу - -``` - -> **Примечание:** вы узнаете гораздо больше об использовании изображений в Интернете в следующей статье. - ## Краткое руководство по URL-адресам и путям Чтобы полностью понять адреса ссылок, вам нужно понять несколько вещей про URL-адреса и пути к файлам. Этот раздел даст вам информацию, необходимую для достижения этой цели. @@ -312,15 +325,3 @@ _**Плохой** текст ссылки:_ [Нажми сюда](https://firefo Этой информации достаточно для создания ссылок! Вы вернётесь к ссылкам позже, когда начнёте изучать стили. Дальше вы рассмотрите семантику текста и более сложные и необычные возможности, которые будут полезны при создании контента сайта. В следующей главе будет рассматриваться продвинутое форматирование текста. {{PreviousMenuNext("Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals", "Learn/HTML/Introduction_to_HTML/Advanced_text_formatting", "Learn/HTML/Introduction_to_HTML")}} - -## В этом модуле - -- [Начало работы с HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/%D0%9D%D0%B0%D1%87%D0%B0%D0%BB%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B) -- [Что такое заголовок? Метаданные в HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/The_head_metadata_in_HTML) -- [Основы редактирования текста в HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/HTML_text_fundamentals) -- [Создание гиперссылок](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B3%D0%B8%D0%BF%D0%B5%D1%80%D1%81%D1%81%D1%8B%D0%BB%D0%BE%D0%BA) -- [Углублённое форматирование текста](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/Advanced_text_formatting) -- [Структура документа и веб-сайта](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/%D0%A1%D1%82%D1%80%D1%83%D0%BA%D1%82%D1%83%D1%80%D0%B0_%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0_%D0%B8_%D0%B2%D0%B5%D0%B1-%D1%81%D0%B0%D0%B9%D1%82%D0%B0) -- [Отладка HTML](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/Debugging_HTML) -- [Разметка письма](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/Marking_up_a_letter) -- [Структурируем страницу](/ru/docs/Learn/HTML/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B2_HTML/Structuring_a_page_of_content)