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
|
---
title: Элемент
slug: Web/HTML/Element
tags:
- HTML
- Веб
- Справка
- элементы
translation_of: Web/HTML/Element
---
<p>{{HTMLSidebar("Elements")}}</p>
<p><span class="seoSummary">На этой странице собраны все {{Glossary("Element","элементы")}} {{Glossary("HTML")}}. Они сгруппированы по функциям, чтобы помочь вам найти то, что вам нужно для реализации ваших идей. Хотя это руководство написано для относительных новичков в программировании, мы хотим, чтобы оно было полезным для всех.</span></p>
<h2 id="Основные_элементы"><span class="short_text" id="result_box" lang="ru"><span class="hps">Основные элементы</span></span></h2>
<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>.</span> <span class="hps">Вы увидите</span> <span class="hps">эти элементы</span> <span class="hps">в исходном коде</span> <span class="hps">для</span> <span class="atn hps">всех веб-</span><span>страниц</span> <span class="hps">после</span> задания <span class="hps">типа документа</span> <span class="hps">на первой строке</span> <span class="hps">на странице</span><span>. </span><span>DOCTYPE</span> <span class="hps">определяет, какую версию</span> <span class="atn hps">(</span><span>X) HTML</span><span> эта</span> <span class="hps">страница</span> <span class="hps">использует.</span> <span class="hps">Элементы страницы</span> <span class="hps">находятся</span> <span class="hps">между</span> <span class="atn hps">открывающим тегом <</span><span>HTML></span> <span class="hps">и закрывающим</span> <span class="atn hps"><</span><span>/</span> <span class="hps">HTML></span><span class="hps">. Элемент</span></span>{{HTMLElement("html")}} <span lang="ru"><span class="hps">называется корневым</span> <span class="hps">элементом</span><span>.</span></span> </p>
<p>{{HTMLRefTable("HTML Root Element")}}</p>
<h2 id="Метаданные_документа" style="line-height: 30px; font-size: 2.14285714285714rem;"><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></h2>
<p><span id="result_box" lang="ru"><span class="hps">Метаданные содержат</span> <span class="hps">информацию о странице</span><span>.</span> Они<span class="hps"> включают в себя</span> <span class="hps">информацию</span> <span class="hps">о стилях</span><span>, скрипты</span> <span class="hps">и данные</span><span>, чтобы помочь</span> <span class="atn hps">программному обеспечению</span> (<span>поисковые системы,</span> {{Glossary("Browser","браузеры")}} <span class="hps">и т.д.</span><span>) использовать и</span> <span class="hps">отображать страницу</span><span>.</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></p>
<p>{{HTMLRefTable("HTML Document Metadata")}}</p>
<h2 id="Секционирование_содержания" style="line-height: 30px; font-size: 2.14285714285714rem;">Секционирование содержания</h2>
<p>Секционирование содержания<span lang="ru"> <span class="hps">элементов</span> <span class="hps">позволяет разложить</span> <span class="hps">содержимое документа</span> <span class="hps">на логические части</span><span>.</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 class="hps">для обозначения</span> <span class="hps">разделов</span><span>.</span></span> </p>
<p>{{HTMLRefTable("HTML Sections")}}</p>
<h2 id="Текстовое_содержание" style="line-height: 30px; font-size: 2.14285714285714rem;"><span class="short_text" id="result_box" lang="ru"><span class="hps">Текстовое содержание</span></span></h2>
<div id="gt-src-tools">
<div id="tts_button"><span id="result_box" lang="ru"><span class="hps">Используйте</span> текстовые <span class="hps">элементы</span> <span class="hps">HTML для</span> <span class="hps">организации</span> <span class="hps">блоков</span> <span class="hps">или разделов</span> <span class="hps">содержания</span><span>, размещённые</span> <span class="hps">между тегами открытия</span> <span class="atn hps"><</span><span>body></span> <span class="hps">и закрытия</span> <span class="atn hps"><</span><span>/</span><span>body></span><span>.</span> <span class="hps">Важное значение для</span> <span class="atn hps">{{Glossary("accessibility")}}</span> <span class="hps">и</span> <span class="atn hps">{{Glossary("SEO")}}</span><span>,</span><span class="hps"> чтобы эти элементы</span><span class="hps"> определили</span> <span class="hps">цель или</span> <span class="hps">структуру</span> <span class="hps">этого контента</span><span>.</span></span></div>
<div> </div>
</div>
<p>{{HTMLRefTable("HTML Grouping Content")}}</p>
<h2 id="Встроенные_текстовые_семантики" style="line-height: 30px; font-size: 2.14285714285714rem;"><span class="short_text" id="result_box" lang="ru"><span class="hps">Встроенные</span> <span class="hps">текстовые</span> <span class="hps">семантики</span></span></h2>
<p><span id="result_box" lang="ru"><span class="hps">Используйте</span> <span class="hps">встроенную</span> в <span class="hps">HTML</span> </span><span lang="ru"><span class="hps">текстовую</span> <span class="hps">семантику</span><span>, чтобы определить</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></p>
<p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p>
<h2 id="Изображения_и_мультимедиа" style="line-height: 30px; font-size: 2.14285714285714rem;"><span class="short_text" id="result_box" lang="ru"><span class="hps">Изображения</span> <span class="hps">и</span> <span class="hps">мультимедиа</span></span></h2>
<p><span id="result_box" lang="ru"><span class="hps">HTML</span> <span class="hps">позволяет использовать</span> <span class="hps">различные мультимедийные</span> <span class="hps">ресурсы</span><span>, такие как</span> <span class="hps">изображения</span><span>, аудио</span> <span class="hps">и</span> <span class="hps">видео.</span></span></p>
<p>{{HTMLRefTable("multimedia")}}</p>
<h2 id="Встроенное_содержание" style="line-height: 30px; font-size: 2.14285714285714rem;"><span class="short_text" id="result_box" lang="ru"><span class="hps">Встроенное содержание</span></span></h2>
<div id="gt-src-tools">
<div id="tts_button"><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">другие</span> <span class="hps">материалы</span><span>, даже</span> <span class="hps">если они не</span> <span class="hps">всегда легко</span> <span class="hps">взаимодействуют.</span></span></div>
<div> </div>
</div>
<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>
<h2 id="Скриптинг" style="line-height: 30px; font-size: 2.14285714285714rem;">Скриптинг</h2>
<p>Чтобы создавать динамический контент и веб-приложения, HTML поддерживает использование скриптовых языков, наиболее известным является JavaScript. Некоторые элементы поддерживают эту возможность.</p>
<p>{{HTMLRefTable("HTML Scripting")}}</p>
<h2 id="Разграничительные_правки">Разграничительные правки</h2>
<p>Эти элементы позволяют вам отметить определённые части текста.</p>
<p>{{HTMLRefTable("HTML Edits")}}</p>
<h2 id="Содержание_таблиц" style="line-height: 30px; font-size: 2.14285714285714rem;"><span class="short_text" id="result_box" lang="ru"><span class="hps">Содержание</span> т<span class="hps">аблиц</span></span></h2>
<p>Эти элементы используются для создания и обработки табличных данных.</p>
<p>{{HTMLRefTable("HTML tabular data")}}</p>
<h2 id="Формы" style="line-height: 30px; font-size: 2.14285714285714rem;">Формы</h2>
<p>HTML содержит некоторое количество элементов, которые используются вместе для создания форм, которые пользователь может заполнить и отправить на сервер. Доступно множество информации по этой теме в <a href="/ru/docs/Web/Guide/HTML/Forms">руководстве по HTML формам</a>.</p>
<p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p>
<h2 id="Интерактивные_элементы" style="line-height: 30px; font-size: 2.14285714285714rem;">Интерактивные элементы</h2>
<p>HTML содержит в себе элементы, которые помогают создавать интерактивные объекты пользовательского интерфейса.</p>
<p>{{HTMLRefTable("HTML interactive elements")}}</p>
<h2 id="Веб-компоненты" style="line-height: 30px; font-size: 2.14285714285714rem;"><span class="short_text" id="result_box" lang="ru"><span class="hps">Веб-компоненты</span></span></h2>
<p>Веб-компоненты - технология, относящаяся к HTML и делающая возможным создание и использование пользовательских элементов, как будто они в обычном HTML. Кроме того, вы можете даже создавать свои версии стандарта HTML элементов.</p>
<div class="note"><strong>Замечание:</strong> Эти элементы определены в {{Glossary("W3C","World Wide Web Consortium")}} (W3C) <a href="http://www.w3.org/TR/components-intro/" title="http://www.w3.org/TR/components-intro/">Web Components collection of specifications</a> скорее, чем в HTML спецификации. К тому же, спецификация Веб-компонентов не завершена и является темой для обсуждений.</div>
<p>{{HTMLRefTable({"include":["Web Components"],"elements":["shadow"]})}}</p>
<h2 id="Устаревшие_и_осуждаемые_элементы" style="line-height: 30px; font-size: 2.14285714285714rem;">Устаревшие и осуждаемые элементы</h2>
<div class="warning" style="font-size: 14px;">
<p><strong>Предупреждение:</strong> Эти HTML элементы являются устаревшими, и их использование не рекомендуется. <strong>Вы не должны использовать их для новых проектов, а также должны заменить их в старых проектах как можно быстрее. </strong>Они перечислены здесь только в информационных целях.</p>
</div>
<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>
|
