From fe0831846de29cce74db723e625c90b1ef966d9d Mon Sep 17 00:00:00 2001 From: Maxim Postautov <54762420+mpstv@users.noreply.github.com> Date: Thu, 15 Jul 2021 19:49:54 +0300 Subject: Fix some inaccuracies (#1345) * fix some inaccuracies in ru translation * fix more translations * Update files/ru/learn/css/styling_text/index.html Co-authored-by: Artem Shibakov --- .../getting_started/index.html | 52 +++++++--------------- 1 file changed, 15 insertions(+), 37 deletions(-) (limited to 'files/ru/learn/html/introduction_to_html') diff --git a/files/ru/learn/html/introduction_to_html/getting_started/index.html b/files/ru/learn/html/introduction_to_html/getting_started/index.html index bcd17ec029..2aaf93d4a4 100644 --- a/files/ru/learn/html/introduction_to_html/getting_started/index.html +++ b/files/ru/learn/html/introduction_to_html/getting_started/index.html @@ -25,7 +25,7 @@ original_slug: Learn/HTML/Введение_в_HTML/Начало_работы Необходимые знания: - Умение работать с компьютером, наличие необходимого ПО, базовые знания о работе с файлами. + Умение работать с компьютером, наличие необходимого ПО, базовые знания о работе с файлами. Цель: @@ -63,7 +63,7 @@ original_slug: Learn/HTML/Введение_в_HTML/Начало_работы
  • Элемент: открывающий тег + закрывающий тег + содержимое = элемент.
    • -

    Активное изучение: создание вашего первого HTML элемента

    +

    Активное изучение: создание вашего первого HTML элемента

    Отредактируйте строку текста ниже в поле Ввод, обернув её тегами <em> и </em> (вставьте <em> перед строкой, чтобы указать начало элемента, и </em> после неё, чтобы указать конец элемента) — эти действия должны выделить строку текста курсивом! Вы можете видеть изменения в реальном времени в поле Вывод.

    @@ -193,8 +193,6 @@ textarea.onkeyup = function(){

    Вложенные элементы

    - -

    Вы также можете вкладывать элементы внутрь других элементов — это называется вложенностью. Если мы хотим подчеркнуть, что наш кот очень сердитый, мы можем заключить слово "очень" в элемент {{htmlelement("strong")}} , который означает, что это слово крайне важно в данном контексте:

    <p>Мой кот <strong>очень</strong>  сердитый.</p>
    @@ -205,9 +203,7 @@ textarea.onkeyup = function(){

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

    -

    Блочные и строчные элементы

    - - +

    Блочные и строчные элементы

    Существует две важных категории элементов в HTML, которые вам стоит знать — элементы блочного уровня и строчные элементы.

    @@ -223,25 +219,23 @@ textarea.onkeyup = function(){ <p>четвёртый</p><p>пятый</p><p>шестой</p> -

    {{htmlelement("em")}} — это строчный элемент, так что, как вы здесь видите, первые три элемента находятся на одной строке друг с другом без пробелов между ними. С другой стороны, {{htmlelement("p")}} — это элемент блочного уровня, так что каждый элемент находится на новой строке, с пространством выше и ниже каждого (этот интервал определяется CSS-оформлением по умолчанию, которое браузеры применяют к абзацам).

    +

    {{htmlelement("em")}} — это строчный элемент, так что, как вы здесь видите, первые три элемента находятся на одной строке друг с другом без пробелов между ними. С другой стороны, {{htmlelement("p")}} — это элемент блочного уровня, так что каждый элемент находится на новой строке, с пространством выше и ниже каждого (этот интервал определяется CSS-оформлением по умолчанию, которое браузеры применяют к абзацам).

    {{ EmbedLiveSample('Block_versus_inline_elements', 700, 200, "", "") }}

    -

    Примечание: HTML5 переопределил категории элементов в HTML: смотрите Категории типов содержимого элементов. Хотя эти определения точнее и однозначнее, чем те, которые были раньше, их гораздо сложнее понять, чем «блочный» и «строчный», поэтому мы будем придерживаться их в этом разделе.

    +

    Примечание: HTML5 переопределил категории элементов в HTML: смотрите Категории типов содержимого элементов. Хотя эти определения точнее и однозначнее, чем те, которые были раньше, их гораздо сложнее понять, чем «блочный» и «строчный», поэтому мы будем придерживаться их в этом разделе.

    -

    Примечание: Не путайте термины «блочный» и «строчный», используемые в этом разделе, с одноимёнными типами отображения в CSS. Хотя по умолчанию они коррелируют, смена типа отображения в CSS не меняет категорию элемента и не влияет на то, во что его можно вкладывать и что можно вкладывать в него. Эта довольно частая путаница — одна из причин, почему HTML5 отказался от этих терминов.

    +

    Примечание: Не путайте термины «блочный» и «строчный», используемые в этом разделе, с одноимёнными типами отображения в CSS. Хотя по умолчанию они коррелируют, смена типа отображения в CSS не меняет категорию элемента и не влияет на то, во что его можно вкладывать и что можно вкладывать в него. Эта довольно частая путаница — одна из причин, почему HTML5 отказался от этих терминов.

    Примечание: вам могут пригодиться справочники, включающие списки блочных и строчных элементов — смотри Элементы блочного уровня и Строчные элементы.

    -

    Пустые элементы

    - - +

    Пустые элементы

    Не все элементы соответствуют вышеупомянутому шаблону: открывающий тег, контент, закрывающий тег. Некоторые элементы состоят из одного тега и обычно используются для вставки чего-либо в то место документа, где размещены. Например, элемент {{htmlelement("img")}} вставляет картинку на страницу в том самом месте, где он расположен:

    @@ -259,7 +253,7 @@ textarea.onkeyup = function(){

    У элементов также могут быть атрибуты, которые выглядят так:

    -

    &amp;amp;lt;p class="editor-note">My cat is very grumpy&amp;amp;lt;/p>

    +

    &amp;amp;lt;p class="editor-note">My cat is very grumpy&amp;amp;lt;/p>

    Атрибуты содержат дополнительную информацию об элементе, которая, по вашему мнению, не должна отображаться в содержимом элемента. В данном случае атрибут class позволяет вам дать элементу идентификационное имя, которое в дальнейшем может быть использовано для обращения к элементу с информацией о стиле и прочими вещами.

    @@ -273,8 +267,6 @@ textarea.onkeyup = function(){

    Активное изучение: Добавление атрибутов в элемент

    - -

    Возьмём для примера элемент {{htmlelement("a")}} — означает anchor (якорь) и делает текст внутри него гиперссылкой. Может иметь несколько атрибутов, вот несколько из них:

    Если вы запутались, всегда можно запустить пример сначала кнопкой Сбросить. Сдаётесь — посмотрите ответ, нажав на Показать решение.

    @@ -660,8 +644,6 @@ textarea.onkeyup = function(){

    Пробелы в HTML

    - -

    Вы могли заметить, что в примерах кода из этой статьи много пробелов. Это вовсе не обязательно — следующие два примера эквивалентны:

    <p>Собаки глупы.</p>
@@ -671,9 +653,7 @@ textarea.onkeyup = function(){
 
 
    Не важно, сколько пустого места вы используете в разметке (что может включать пробелы и сдвиги строк): браузер при анализе кода сократит всё пустое место до одного пробела. Зачем использовать много пробелов? Ответ: это доступность для понимания — гораздо легче разобраться, что происходит в вашем коде, если он удобно отформатирован, а не просто собран вместе в одном большом беспорядке. В нашем коде каждый вложенный элемент сдвинут на два пробела относительно элемента, в котором он находится. Вы можете использовать любое форматирование (в частности, количество пробелов для отступа), но лучше придерживаться одного стиля.
    
 
-
    Ссылки на сущности: Включение специальных символов в HTML
    
-
-
+
    Ссылки на сущности: Включение специальных символов в HTML
    
 
 
    В HTML символы <, >, ", ' и & являются специальными. Они являются частью самого синтаксиса HTML. Так как же включить в текст один из этих специальных символов? Например, если вы хотите использовать амперсанд или знак «меньше» и не интерпретировать его как код.
    
 
@@ -724,9 +704,7 @@ textarea.onkeyup = function(){
 
    Примечание: Таблица всех доступных в  HTML символов-мнемоников — в Википедии: List of XML and HTML character entity references.
    
 
 
-
    HTML комментарии
    
-
-
+
    HTML комментарии
    
 
 
    В HTML, как и в большинстве языков программирования, есть возможность писать комментарии в коде. Комментарии игнорируются обозревателем и не видны пользователю, их добавляют для того, чтобы пояснить, как работает написанный код, что делают отдельные его части и т. д. Такая практика полезна, если вы возвращаетесь к коду, который давно не видели или когда хотите передать его кому-то другому.
    
 
-- 
cgit v1.2.3-54-g00ecf