<data>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since окÑÑбÑÑ 2017 г..
HTML-ÑÐ»ÐµÐ¼ÐµÐ½Ñ <data> ÑвÑзÑÐ²Ð°ÐµÑ Ð´Ð°Ð½Ð½Ð¾Ðµ ÑодеÑжимое Ñ Ð¼Ð°ÑиноÑиÑаемÑм пÑедÑÑавлением. ÐÑли ÑодеÑжимое оÑноÑиÑÑÑ Ðº вÑемени или даÑе, необÑ
одимо иÑполÑзоваÑÑ ÑÐ»ÐµÐ¼ÐµÐ½Ñ <time>.
ÐнÑеÑакÑивнÑй пÑимеÑ
<p>New Products:</p>
<ul>
<li><data value="398">Mini Ketchup</data></li>
<li><data value="399">Jumbo Ketchup</data></li>
<li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>
data:hover::after {
content: " (ID " attr(value) ")";
font-size: 0.7em;
}
| ÐаÑегоÑии конÑенÑа | ÐоÑоковÑй конÑенÑ, ÑÑазовÑй конÑенÑ, ÑвнÑй конÑенÑ. |
|---|---|
| РазÑеÑÑнное ÑодеÑжимое | ФÑазовÑй конÑенÑ. |
| ÐÑопÑÑк Ñегов | ÐеÑ, оÑкÑÑваÑÑий и закÑÑваÑÑий Ñеги обÑзаÑелÑнÑ. |
| РазÑеÑÑннÑе ÑодиÑели | ÐÑбой ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÐºÐ¾ÑоÑÑй пÑÐ¸Ð½Ð¸Ð¼Ð°ÐµÑ ÑÑазовÑй конÑенÑ. |
| DOM-инÑеÑÑÐµÐ¹Ñ | HTMLDataElement |
ÐÑÑибÑÑÑ
ÐÑÐ¾Ñ ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð²ÐºÐ»ÑÑÐ°ÐµÑ Ð³Ð»Ð¾Ð±Ð°Ð»ÑнÑе аÑÑибÑÑÑ.
value-
ÐÑÐ¾Ñ Ð°ÑÑибÑÑ Ð¾Ð¿ÑеделÑÐµÑ Ð¼Ð°ÑиноÑиÑаемÑй пеÑевод ÑодеÑжимого ÑлеменÑа.
ÐÑимеÑ
СледÑÑÑий пÑÐ¸Ð¼ÐµÑ Ð¾ÑобÑÐ°Ð¶Ð°ÐµÑ Ð½Ð°Ð·Ð²Ð°Ð½Ð¸Ñ Ð¿ÑодÑкÑов, а Ñакже ÑвÑзÑÐ²Ð°ÐµÑ ÐºÐ°Ð¶Ð´Ð¾Ðµ Ð¸Ð¼Ñ Ñ Ð½Ð¾Ð¼ÐµÑом пÑодÑкÑа.
<p>New Products</p>
<ul>
<li><data value="398">Mini Ketchup</data></li>
<li><data value="399">Jumbo Ketchup</data></li>
<li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>
СпеÑиÑикаÑии
| Specification |
|---|
| HTML # the-data-element |
СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑами
СмоÑÑиÑе Ñакже
- HTML-ÑлеменÑ
<time>.