Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove HTMLAttrXRef and mentions for ru #13658

Merged
merged 2 commits into from
Jun 21, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ original_slug: Web/Guide/HTML/Editable_content

## Как это работает?

Все, что вам нужно сделать, это установить атрибут {{htmlattrxref("contenteditable")}} почти на любой элемент HTML, чтобы сделать его доступным для редактирования.
Все, что вам нужно сделать, это установить атрибут [`contenteditable`](/ru/docs/Web/HTML/Global_attributes#contenteditable) почти на любой элемент HTML, чтобы сделать его доступным для редактирования.

Вот простой пример, который создаёт элемент {{HTMLElement("div")}}, содержимое которого пользователь может редактировать.

Expand Down Expand Up @@ -242,6 +242,6 @@ function printDoc() {
## Смотрите также

- {{domxref("HTMLElement.contentEditable")}}
- {{htmlattrxref("contenteditable")}} глобальный атрибут
- [`contenteditable`](/ru/docs/Web/HTML/Global_attributes#contenteditable) глобальный атрибут
- [Midas](/ru/docs/Mozilla/Projects/Midas) (компонент сценария для текстового редактора)
- {{cssxref("caret-color")}}, позволяющий установить цвет вставляемого текста
2 changes: 1 addition & 1 deletion files/ru/learn/accessibility/html/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -324,7 +324,7 @@ HTML-элементы `<button>` не только имеют соответст
<div data-message="Это из третьей кнопки" tabindex="0">И меня!</div>
```

Атрибут {{htmlattrxref("tabindex")}} в первую очередь предназначен для того, чтобы менять порядок фокусируемых элементов в последовательной навигации (указанный в виде положительного целого числа). Это почти всегда — плохая идея, которая может вызвать большую путаницу. Используйте его, если он правда необходим, например, если визуальный порядок сильно отличается от исходного, и вы хотите более логичную последовательную навигацию. Есть два варианта значений `tabindex`:
Атрибут [`tabindex`](/ru/docs/Web/HTML/Global_attributes#tabindex) в первую очередь предназначен для того, чтобы менять порядок фокусируемых элементов в последовательной навигации (указанный в виде положительного целого числа). Это почти всегда — плохая идея, которая может вызвать большую путаницу. Используйте его, если он правда необходим, например, если визуальный порядок сильно отличается от исходного, и вы хотите более логичную последовательную навигацию. Есть два варианта значений `tabindex`:

- `tabindex="0"` — как указано выше, это значение позволяет элементу быть выделенным и достигнутым с помощью последовательной навигации. Это самое полезное значение `tabindex`.
- `tabindex="-1"` — позволяет элементам, которые обычно не принимают фокусное выделение, получать его программно, например, с помощью JavaScript, или как цель якорной ссылки.
Expand Down
2 changes: 1 addition & 1 deletion files/ru/learn/accessibility/multimedia/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -294,7 +294,7 @@ This is the second.
To get this displayed along with the HTML media playback, you need to:

- Save it as a .vtt file in a sensible place.
- Link to the .vtt file with the {{htmlelement("track")}} element. `<track>` should be placed within `<audio>` or `<video>`, but after all `<source>` elements. Use the {{htmlattrxref("kind","track")}} attribute to specify whether the cues are subtitles, captions, or descriptions. Furthermore, use {{htmlattrxref("srclang","track")}} to tell the browser what language you have written the subtitles in.
- Link to the .vtt file with the {{htmlelement("track")}} element. `<track>` should be placed within `<audio>` or `<video>`, but after all `<source>` elements. Use the [`kind`](/ru/docs/Web/HTML/Element/track#kind) attribute to specify whether the cues are subtitles, captions, or descriptions. Furthermore, use [`srclang`](/ru/docs/Web/HTML/Element/track#srclang) to tell the browser what language you have written the subtitles in.

Here's an example:

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -153,7 +153,7 @@ CSS предоставляет четыре специальных универ

Степень специфичности, которой обладает селектор, измеряется с использованием четырёх различных значений (или компонентов), которые можно представить как тысячи, сотни, десятки и единицы — четыре однозначные цифры в четырёх столбцах:

1. **Тысячи**: поставьте единицу в эту колонку, если объявление стиля находится внутри атрибута {{htmlattrxref("style")}} (встроенные стили). Такие объявления не имеют селекторов, поэтому их специфичность всегда просто 1000.
1. **Тысячи**: поставьте единицу в эту колонку, если объявление стиля находится внутри атрибута [`style`](/ru/docs/Web/HTML/Global_attributes#style) (встроенные стили). Такие объявления не имеют селекторов, поэтому их специфичность всегда просто 1000.
2. **Сотни**: поставьте единицу в эту колонку за каждый селектор ID, содержащийся в общем селекторе.
3. **Десятки**: поставьте единицу в эту колонку за каждый селектор класса, селектор атрибута или псевдокласс, содержащийся в общем селекторе.
4. **Единицы**: поставьте общее число единиц в эту колонку за каждый селектор элемента или псевдоэлемент, содержащийся в общем селекторе.
Expand All @@ -168,7 +168,7 @@ CSS предоставляет четыре специальных универ
| `h1 + p::first-letter` | 0 | 0 | 0 | 3 | 0003 |
| `li > a[href*="en-US"] > .inline-warning` | 0 | 0 | 2 | 2 | 0022 |
| `#identifier` | 0 | 1 | 0 | 0 | 0100 |
| Без селектора, с правилом внутри атрибута {{htmlattrxref("style")}} элемента. | 1 | 0 | 0 | 0 | 1000 |
| Без селектора, с правилом внутри атрибута [`style`](/ru/docs/Web/HTML/Global_attributes#style) элемента. | 1 | 0 | 0 | 0 | 1000 |

Прежде чем мы продолжим, давайте посмотрим на пример в действии.

Expand Down Expand Up @@ -196,7 +196,7 @@ CSS предоставляет четыре специальных универ

1. Вы увидите, что применены значения {{cssxref("color")}} и {{cssxref("padding")}} третьего правила, но {{cssxref("background-color")}} — нет. Почему? Действительно, все три безусловно должны применяться, потому что правила, более поздние в порядке следования, обычно переопределяют более ранние правила.
2. Однако вышеприведённые правила выигрывают, потому что селекторы классов имеют более высокую специфичность, чем селекторы элементов.
3. Оба элемента имеют {{htmlattrxref("class")}} с названием `better`, но у второго также есть {{htmlattrxref("id")}} с названием `winning`. Поскольку ID имеют _ещё более высокую_ специфичность, чем классы (у вас может быть только один элемент с каждым уникальным ID на странице, но много элементов с одним и тем же классом — селекторы ID _очень специфичны_, на что они и нацелены), красный цвет фона и однопиксельная чёрная граница должны быть применены ко 2-му элементу, причём первый элемент получает серый фоновый цвет и отсутствие границы, как определено классом.
3. Оба элемента имеют [`class`](/ru/docs/Web/HTML/Global_attributes#class) с названием `better`, но у второго также есть [`id`](/ru/docs/Web/HTML/Global_attributes#id) с названием `winning`. Поскольку ID имеют _ещё более высокую_ специфичность, чем классы (у вас может быть только один элемент с каждым уникальным ID на странице, но много элементов с одним и тем же классом — селекторы ID _очень специфичны_, на что они и нацелены), красный цвет фона и однопиксельная чёрная граница должны быть применены ко 2-му элементу, причём первый элемент получает серый фоновый цвет и отсутствие границы, как определено классом.
4. 2-й элемент получил красный цвет фона и отсутствие границы. Почему? Из-за объявления `!important` во втором правиле — размещение которого после `border: none` означает, что это объявление перевесит значение границы в предыдущем правиле, даже если ID имеет более высокую специфичность.

> **Примечание:** Единственный способ переопределить объявление `!important` – это включить другое объявление `!important` в правило _с такой же специфичностью_ позже или в правило с более высокой специфичностью.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ translation_of: Learn/CSS/Building_blocks/Styling_tables
</table>
```

Таблица размечена, немного стилизована и понятна, благодаря использованию таких свойств как {{htmlattrxref("scope","th")}}, {{htmlelement("caption")}}, {{htmlelement("thead")}}, {{htmlelement("tbody")}} и т.д. К сожалению при просмотре в браузере она не очень хорошо выглядит (посмотреть можно здесь [punk-bands-unstyled.html](https://mdn.github.io/learning-area/css/styling-boxes/styling-tables/punk-bands-unstyled.html)):
Таблица размечена, немного стилизована и понятна, благодаря использованию таких свойств как [`scope`](/ru/docs/Web/HTML/Element/th#scope), {{htmlelement("caption")}}, {{htmlelement("thead")}}, {{htmlelement("tbody")}} и т.д. К сожалению при просмотре в браузере она не очень хорошо выглядит (посмотреть можно здесь [punk-bands-unstyled.html](https://mdn.github.io/learning-area/css/styling-boxes/styling-tables/punk-bands-unstyled.html)):

![](table-unstyled.png)

Expand Down
2 changes: 1 addition & 1 deletion files/ru/learn/css/styling_text/styling_links/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -328,7 +328,7 @@ a[href*="http"] {

Наконец, мы задаём некоторый {{cssxref("padding-right")}} для ссылки чтобы добавить пространство в котором появляется фоновое изображение, таким образом, чтобы мы не накладывали его на текст.

И последнее слово — как мы выбрали только внешние ссылки? Ну, если вы пишете свои [HTML ссылки](/ru/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) правильно, то вы должны были использовать только абсолютные URL для внешних ссылок — гораздо эффективнее использовать относительные ссылки для связи с другими частями вашего сайта. Текст "http" таким образом должен появляться только во внешних ссылках и можем выбрать его при помощи [селектора атрибутов](/ru/docs/Learn/CSS/Building_blocks/Selectors#attribute_selectors): `a[href*="http"]` выбирает элементы {{htmlelement("a")}}, но только если они имеют атрибут {{htmlattrxref("href","a")}} со значением содержащим "http" где-то внутри него.
И последнее слово — как мы выбрали только внешние ссылки? Ну, если вы пишете свои [HTML ссылки](/ru/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) правильно, то вы должны были использовать только абсолютные URL для внешних ссылок — гораздо эффективнее использовать относительные ссылки для связи с другими частями вашего сайта. Текст "http" таким образом должен появляться только во внешних ссылках и можем выбрать его при помощи [селектора атрибутов](/ru/docs/Learn/CSS/Building_blocks/Selectors#attribute_selectors): `a[href*="http"]` выбирает элементы {{htmlelement("a")}}, но только если они имеют атрибут [`href`](/ru/docs/Web/HTML/Element/a#href) со значением содержащим "http" где-то внутри него.

Ну вот и все — попробуйте посетить секцию активного изучения выше и испытайте этот новый метод!

Expand Down
6 changes: 3 additions & 3 deletions files/ru/learn/css/styling_text/styling_lists/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -227,7 +227,7 @@ ul {

### start

Атрибут {{htmlattrxref("start","ol")}} позволит вам начать счёт списка с цифры отличной от 1. Например:
Атрибут [`start`](/ru/docs/Web/HTML/Element/ol#start) позволит вам начать счёт списка с цифры отличной от 1. Например:

```html
<ol start="4">
Expand All @@ -244,7 +244,7 @@ ul {

### reversed

Атрибут {{htmlattrxref("reversed","ol")}} начнёт отсчёт по убыванию вместо возрастания. Например:
Атрибут [`reversed`](/ru/docs/Web/HTML/Element/ol#reversed) начнёт отсчёт по убыванию вместо возрастания. Например:

```html
<ol start="4" reversed>
Expand All @@ -263,7 +263,7 @@ ul {

### value

Атрибут {{htmlattrxref("value","ol")}} позволит вам установить специфичные цифровые значения к пунктам списка. Например:
Атрибут [`value`](/ru/docs/Web/HTML/Element/ol#value) позволит вам установить специфичные цифровые значения к пунктам списка. Например:

```html
<ol>
Expand Down
Loading