Skip to content

Commit

Permalink
Markdown conversion for ru - Cleanup - HTML section (#7573)
Browse files Browse the repository at this point in the history
* Remove p.hidden and some other hidden

* Handle dl

* Handle span from automatic translation / rich text with 'hps'

* rm class last

* fix other issues
  • Loading branch information
SphinxKnight authored Aug 13, 2022
1 parent f76c462 commit 5df83cf
Show file tree
Hide file tree
Showing 75 changed files with 161 additions and 343 deletions.
2 changes: 1 addition & 1 deletion files/ru/web/html/attributes/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -641,7 +641,7 @@ <h2 id="Содержимое_в_сравнении_с_IDL_атрибутами">

<p>Атрибут содержимого — это атрибут как вы его устанавливаете из содержимого (HTML-код), и его можно устанавливать или получать с помощью {{domxref("element.setAttribute()")}} или {{domxref("element.getAttribute()")}}. Атрибут содержимого всегда строка, даже когда ожидаемое значение должно быть число. Например, для того чтобы установить <code>maxlength элемента </code>{{HTMLElement("input")}} в 42 используя атрибут содержимого, вам нужно вызвать <code>setAttribute("maxlength", "42")</code> на этом элементе.</p>

<p>IDL-атрибут также известен как свойство JavaScript. Это атрибуты, которые вы можете читать или устанавливать используя JavaScript-свойства наподобие <code class="moz-txt-verticalline">element.foo</code>. IDL-атрибут всегда собирается использовать (но может преобразовать) основной атрибут содержимого для возврата, когда вы получаете его и сохраняет в атрибут содержимого, когда вы устанавливаете его. Другими словами, IDL-атрибуты, в сущности, отражают атрибуты содержимого.</p>
<p>IDL-атрибут также известен как свойство JavaScript. Это атрибуты, которые вы можете читать или устанавливать используя JavaScript-свойства наподобие <code>element.foo</code>. IDL-атрибут всегда собирается использовать (но может преобразовать) основной атрибут содержимого для возврата, когда вы получаете его и сохраняет в атрибут содержимого, когда вы устанавливаете его. Другими словами, IDL-атрибуты, в сущности, отражают атрибуты содержимого.</p>

<p>Большую часть времени, IDL атрибуты возвращают их значения такими, какими они используются. Например, по умолчанию <code>type</code> для элементов {{HTMLElement("input")}} — "text", поэтому если вы установите <code>input.type="foobar"</code>, элемент <code>&lt;input&gt;</code> будет иметь тип text (по виду и по поведению) но значение атрибута содержимого "type" будет "foobar". Однако, IDL-атрибут <code>type</code> возвратит строку "text".</p>

Expand Down
50 changes: 25 additions & 25 deletions files/ru/web/html/block-level_elements/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@
- Разработка
translation_of: Web/HTML/Block-level_elements
---
<p><span class="seoSummary">Исторически HTML-элементы было принято делить на блочные и <a href="/ru/docs/Web/HTML/Строчные_Элементы" title="/en-US/docs/HTML/inline_elements">строчные</a>. Блочные элементы занимают всю ширину своего родителя (контейнера), формально создавая «блок» (отсюда и название). </span></p>
<p>Исторически HTML-элементы было принято делить на блочные и <a href="/ru/docs/Web/HTML/Строчные_Элементы" title="/en-US/docs/HTML/inline_elements">строчные</a>. Блочные элементы занимают всю ширину своего родителя (контейнера), формально создавая «блок» (отсюда и название). </p>

<p>Браузеры обычно отображают блочные элементы с переводом строки до и после элемента. Блочные элементы можно представить в виде стопки коробок. Следующий пример демонстрирует, как это выглядит:</p>

<h2 id="Block-level_Example"><span style="color: #333333; margin-left: -3px; text-transform: none;">Блочные элементы</span></h2>
<h2 id="Block-level_Example">Блочные элементы</h2>

<h3 id="HTML">HTML</h3>

Expand All @@ -38,75 +38,75 @@ <h2 id="Блочные_против_строчных">Блочные проти

<dl>
<dt>Содержание</dt>
<dd>Как правило, блочные элементы могут содержать строчные элементы и другие блочные элементы. <span id="result_box" lang="ru"><span class="hps">Неотъемлемой частью этого</span> <span class="hps">структурного</span> <span class="hps">различия</span> <span class="hps">является идея, что</span> <span class="hps">блочные элементы</span> <span class="hps">создают</span> <span class="hps">«более крупную»</span> <span class="hps">структуру</span><span>, чем</span> <span class="hps">встроенные элементы</span><span>.</span></span></dd>
<dd>Как правило, блочные элементы могут содержать строчные элементы и другие блочные элементы. Неотъемлемой частью этого структурного различия является идея, что блочные элементы создают «более крупную» структуру<span>, чем встроенные элементы<span>.</span></span></dd>
<dt>Форматирование по умолчанию</dt>
<dd>По умолчанию блочные элементы начинаются с новой строки, а строчные могут начинаться в любом месте строки.</dd>
</dl>

<p><span id="result_box" lang="ru"><span class="hps">Разделение элементов на</span> <span class="hps">блочные</span> и строчные <span class="hps">использовалось в спецификации</span> <span class="hps">HTML </span><span class="hps">до версии</span> <span class="hps">4.01</span><span>.</span> <span class="hps">В</span> <span class="hps">HTML5</span> <span class="hps">это</span> противопоставление <span class="hps">заменено более</span> <span class="hps">сложным набором </span><a href="/ru/docs/Web/Guide/HTML/Content_categories">категорий контента</a><span>.</span> <span class="atn hps">Категория </span></span>«<span lang="ru"><span>строчных</span></span>» элементов<span lang="ru"> примерно соответствует категории <a href="https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Content_categories#Phrasing_content">текстового контента</a>, а для </span>«блочных» элементов прямого соответствия нет, но «блочные» и «строчные» элементы вместе <span lang="ru"><span class="hps">примерно соответствуют</span> <span class="hps">категории</span> <a href="/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток">потокового контента</a><span class="hps"> в</span> <span class="hps">HTML5 (т.е., грубо говоря, «блочные» элементы — это потоковый контент минус текстовый контент).</span><span> </span></span><span lang="ru">Кроме того, <span class="hps">есть</span> и <span class="hps">другие категории, например, интерактивный контент.</span></span></p>
<p>Разделение элементов на блочные и строчные использовалось в спецификации HTML до версии 4.01<span>. В HTML5 это противопоставление заменено более сложным набором <a href="/ru/docs/Web/Guide/HTML/Content_categories">категорий контента</a><span>.</span> Категория </span>«<span>строчных</span>» элементов примерно соответствует категории <a href="https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Content_categories#Phrasing_content">текстового контента</a>, а для «блочных» элементов прямого соответствия нет, но «блочные» и «строчные» элементы вместе примерно соответствуют категории <a href="/ru/docs/Web/Guide/HTML/Content_categories#Основной_поток">потокового контента</a> в HTML5 (т.е., грубо говоря, «блочные» элементы — это потоковый контент минус текстовый контент).<span> </span>Кроме того, есть и другие категории, например, интерактивный контент.</p>

<h2 id="Элементы">Элементы</h2>

<p><span id="result_box" lang="ru"><span class="hps">Ниже приведён</span> <span class="hps">полный список всех</span> блочных <span class="hps">элементов</span> <span class="hps">(хотя </span></span>формально <span lang="ru"><span class="hps">понятие </span></span>«<span lang="ru"><span>блочный</span></span>» не применяется <span lang="ru"><span class="hps">к</span> новым <span class="hps">элементам</span> <span class="hps">в HTML5</span><span>)</span><span>.</span></span></p>
<p>Ниже приведён полный список всех блочных элементов (хотя формально понятие «<span>блочный</span>» не применяется к новым элементам в HTML5<span>)<span>.</span></span></p>

<div class="threecolumns">
<dl>
<dt>{{ HTMLElement("address") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Контактная информация.</span></span></dd>
<dd>Контактная информация.</dd>
<dt>{{ HTMLElement("article") }} {{ HTMLVersionInline(5) }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Содержание</span> <span class="hps">статьи.</span></span></dd>
<dd>Содержание статьи.</dd>
<dt>{{ HTMLElement("aside") }} {{ HTMLVersionInline(5) }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Побочное содержание.</span></span></dd>
<dd>Побочное содержание.</dd>
<dt>{{ HTMLElement("blockquote") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Длинная («блочная») цитата.</span></span></dd>
<dd>Длинная («блочная») цитата.</dd>
<dt>{{ HTMLElement("details") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Раскрывающийся блок с подробностями.</dd>
<dt>{{ HTMLElement("dialog") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Диалоговое окно.</dd>
<dt>{{ HTMLElement("dd") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Описание определения.</span></span></dd>
<dd>Описание определения.</dd>
<dt>{{ HTMLElement("div") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Фрагмент документа.</span></span></dd>
<dd>Фрагмент документа.</dd>
<dt>{{ HTMLElement("dl") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Список определений.</span></span></dd>
<dd>Список определений.</dd>
<dt>{{ HTMLElement("dt") }}</dt>
<dd>Термин в списке определений.</dd>
<dt>{{ HTMLElement("fieldset") }}</dt>
<dd>Группирование элементов формы.</dd>
<dt>{{ HTMLElement("figcaption") }} {{ HTMLVersionInline(5) }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Описание для тега {{ HTMLElement("figure") }}.</span></span></dd>
<dd>Описание для тега {{ HTMLElement("figure") }}.</dd>
<dt>{{ HTMLElement("figure") }} {{ HTMLVersionInline(5) }}</dt>
<dd><span class="short_text" id="result_box" lang="ru">Группирование медиа-контента <span class="hps">с подписью</span></span> (см. {{ HTMLElement("figcaption") }}).</dd>
<dd>Группирование медиа-контента с подписью (см. {{ HTMLElement("figcaption") }}).</dd>
<dt>{{ HTMLElement("footer") }} {{ HTMLVersionInline(5) }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Нижняя часть (</span></span>«<span class="short_text" lang="ru"><span class="hps">подвал</span></span>»<span class="short_text" lang="ru"><span class="hps">) раздела или страницы</span><span class="hps">.</span></span></dd>
<dd>Нижняя часть («подвал») раздела или страницы.</dd>
<dt>{{ HTMLElement("form") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Форма ввода.</span></span></dd>
<dd>Форма ввода.</dd>
<dt>{{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Заголовки от первого до шестого уровня.</span></span></dd>
<dd>Заголовки от первого до шестого уровня.</dd>
<dt>{{ HTMLElement("header") }} {{ HTMLVersionInline(5) }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Верхняя часть (</span></span>«<span class="short_text" lang="ru"><span class="hps">шапка</span></span>»<span class="short_text" lang="ru"><span class="hps">) раздела</span> <span class="hps">или</span><span class="hps"> страницы.</span></span></dd>
<dd>Верхняя часть («шапка») раздела или страницы.</dd>
<dt>{{ HTMLElement("hgroup") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Группирование заголовков раздела или страницы.</dd>
<dt>{{ HTMLElement("hr") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Горизонтальная разделительная линия.</span></span></dd>
<dd>Горизонтальная разделительная линия.</dd>
<dt>{{ HTMLElement("li") }}</dt>
<dd>Пункт списка.</dd>
<dt>{{ HTMLElement("main") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Содержит основной контент, уникальный для страницы.</dd>
<dt>{{ HTMLElement("nav") }} {{ HTMLVersionInline(5) }}</dt>
<dd>Содержит навигационные ссылки.</dd>
<dt>{{ HTMLElement("ol") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Упорядоченный список.</span></span></dd>
<dd>Упорядоченный список.</dd>
<dt>{{ HTMLElement("p") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Текстовый абзац.</span></span></dd>
<dd>Текстовый абзац.</dd>
<dt>{{ HTMLElement("pre") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Предварительно форматированный текст.</span></span></dd>
<dd>Предварительно форматированный текст.</dd>
<dt>{{ HTMLElement("section") }} {{ HTMLVersionInline(5) }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Раздел</span> <span class="hps">веб-страницы</span><span>.</span></span></dd>
<dd>Раздел веб-страницы<span>.</span></dd>
<dt>{{ HTMLElement("table") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Таблица.</span></span></dd>
<dd>Таблица.</dd>
<dt>{{ HTMLElement("ul") }}</dt>
<dd><span class="short_text" id="result_box" lang="ru"><span class="hps">Неупорядоченный список.</span></span></dd>
<dd>Неупорядоченный список.</dd>
</dl>
</div>

Expand Down
Loading

0 comments on commit 5df83cf

Please sign in to comment.