files/ru/web/html/element/mark/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139

---
title: <mark>
slug: Web/HTML/Element/mark
translation_of: Web/HTML/Element/mark
---
<p><strong>HTML</strong> <strong>элемент <code>&lt;mark&gt;</code> </strong>представляет текст, выделенный в справочных целях из-за своей <em>актуальности </em>в определённом контексте. <span id="result_box" lang="ru"><span>Например, он может</span> <span>быть использован на странице с результатом поиска, в которой выделяется</span><span> </span><span>каждый</span> <span>экземпляр</span> <span>искомого</span> <span>слова</span><span>.</span></span></p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Категории содержимого</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Содержимое потока</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">содержимое фраз</a>, ощутимое содержимое.</td>
  </tr>
  <tr>
   <th scope="row">Разрешённое содержимое</th>
   <td><a href="/en-US/docs/HTML/Content_categories#Phrasing_content">Содержимое фраз</a>.</td>
  </tr>
  <tr>
   <th scope="row">Бездействие тега</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row"><span class="short_text" id="result_box" lang="ru"><span>Разрешённые</span> <span>родители</span></span></th>
   <td><span id="result_box" lang="ru"><span>Любой элемент</span><span>, который принимает</span></span> <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">содержимое фраз.</a></td>
  </tr>
  <tr>
   <th scope="row"><span class="short_text" id="result_box" lang="ru"><span>Разрешённые</span> <span>роли</span> <span>ARIA</span></span></th>
   <td>Любые</td>
  </tr>
  <tr>
   <th scope="row">Интерфейс DOM</th>
   <td>{{domxref("HTMLElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Атрибуты">Атрибуты</h2>

<p>Этот элемент включает только <a href="/en-US/docs/HTML/Global_attributes">глобальные атрибуты</a>.</p>

<h2 id="Примечания">Примечания</h2>

<ul>
 <li><span id="result_box" lang="ru"><span>В</span> <span>цитате</span> <span>или</span> <span class="alt-edited">другом блоке</span><span>,</span> <span>выделенный текст</span><span>, как правило,</span> <span>отмечает</span> <span>текст, который</span> <span class="alt-edited">ссылается на</span> <span class="alt-edited">внешнюю</span> <span class="alt-edited">цитату</span></span>, <span id="result_box" lang="ru"><span>или</span> <span>помечается для</span> <span>конкретного</span> <span>пристального внимания</span><span>, даже если</span> <span>первоначальный автор</span> <span>не считает</span> <span>важным</span></span>.</li>
 <li><span id="result_box" lang="ru"><span>В основном тексте</span><span>,</span> <span>выделенный текст</span><span>, как правило,</span> <span>отмечает</span> <span>текст, который</span> <span>может</span> <span>иметь особое</span> <span>значение для</span> <span>текущей деятельности</span> <span>пользователя</span><span>, например,</span> <span>результаты поиска</span></span>.</li>
 <li>Не используйте элемент <code>&lt;mark&gt;</code> для выделения синтаксиса; используйте элемент {{HTMLElement("span")}} для этих целей.</li>
 <li>Не путайте элемент <code>&lt;mark&gt;</code> с элементом {{HTMLElement("strong")}}. Элемент {{HTMLElement("strong")}} используется для обозначения участков текста <em>важности </em>в контексте текста, когда элемент <code>&lt;mark&gt;</code> используется для обозначения участков текста, имеющих <em>отношение</em> к другому контексту.</li>
</ul>

<h2 id="Пример">Пример</h2>

<pre class="brush: html">&lt;p&gt;Элемент &amp;lt;mark&amp;gt; используется для &lt;mark&gt;выделения&lt;/mark&gt; текста&lt;/p&gt;
</pre>

<p>{{EmbedLiveSample('Пример')}}</p>

<h2 id="Спецификации">Спецификации</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Спецификации</th>
   <th scope="col">Статус</th>
   <th scope="col">Комментарий</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-mark-element', '&lt;mark&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-mark-element', '&lt;mark&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td></td>
  </tr>
 </tbody>
</table>

<h2 id="Совместимость_браузера">Совместимость браузера</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table" style="height: 91px; width: 965px;">
 <tbody>
  <tr>
   <th>Возможность</th>
   <th>Chrome</th>
   <th>Edge</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Базовая поддержка</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("2.0")}}</td>
   <td>9.0</td>
   <td>11.0</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table" style="height: 75px; width: 964px;">
 <tbody>
  <tr>
   <th>Возможность</th>
   <th>Android</th>
   <th>Edge</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Базовая поддержка</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("2.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Смотрите_также">Смотрите также</h2>

<ul>
 <li>Другие <a href="/en-US/docs/HTML/Text-level_semantics_elements">семантики текстов на уровне элементов</a>: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("abbr")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("i")}}, {{HTMLElement("b")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}</li>
</ul>