PageSourceSearch

https://webref.ru/html/search

html webref.ru collected 2026-10-01 10:15:40 UTC 46,857 bytes, 1,121 lines download raw bytes

1 
2    
3
4<!DOCTYPE html>
5<html lang="ru">
6	<head>
7		<title>Элемент <search> | HTML | WebReference</title>
8		<meta charset="utf-8" />
9<meta name="MobileOptimized" content="width" />
10<meta name="HandheldFriendly" content="true" />
11<meta name="viewport" content="width=device-width, initial-scale=1.0" />
12<meta name="description" content="Элемент &lt;search&gt; предназначен для хранения полей формы и других элементов, связанных с поиском." />
13<link rel="canonical" href="https://webref.ru/html/search" />
14<link rel="shortlink" href="https://webref.ru/node/2857" />
15
16		<meta name="theme-color" content="#50a2de" media="(prefers-color-scheme: light)">
17		<meta name="theme-color" content="#1f2d3b" media="(prefers-color-scheme: dark)">
18		<link rel="icon" type="image/svg+xml" href="/themes/webref/ico/favicon.svg">
19		<link rel="icon" type="image/png" sizes="16x16" href="/themes/webref/ico/64x64.png">
20		<link rel="icon" type="image/png" sizes="32x32" href="/themes/webref/ico/32x32.png">
21		<link rel="icon" type="image/png" sizes="16x16" href="/themes/webref/ico/16x16.png">
22				<link rel="preload" href="/themes/webref/font/fontello.woff2" as="font" type="font/woff2" crossorigin>
23		<link rel="preload" href="/themes/webref/font/PTSans-Web-Regular.woff2" as="font" type="font/woff2" crossorigin>
24		<link rel="preload" href="/themes/webref/font/PTSans-Web-Bold.woff2" as="font" type="font/woff2" crossorigin>
25		<link rel="preload" href="/themes/webref/font/FiraMono.woff2" as="font" type="font/woff2" crossorigin>
26				<link rel="stylesheet" media="all" href="/themes/webref/css/vendor/bulma.min.css?tleits" />
27<link rel="stylesheet" media="all" href="/themes/webref/css/style.min.css?tleits" />
28
29		
30		
30<script>window.yaContextCb=window.yaContextCb||[]</script>
30
31		
31<script src="https://yandex.ru/ads/system/context.js" async></script>
31
32		
32<script src="https://cdn.adfinity.pro/code/webref.ru/adfinity.js" async></script>
32
33	</head>
34	<body>
35		<noscript><img src="https://mc.yandex.ru/watch/94497409" class="hide" alt=""></noscript>
36
37		  
38<header class="w-header-main">
39      
40  
41                <nav class="navbar container" role="navigation" aria-label="main navigation">
42          <div class="navbar-brand">
43              <a href="/" class="w-logo"><span class="w-logo-p1">Web</span><span class="w-logo-p2">Reference</span></a>
44
45              <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="w-navbar">
46                  <span aria-hidden="true"></span>
47                  <span aria-hidden="true"></span>
48                  <span aria-hidden="true"></span>
49              </a>
50          </div>
51          <div id="w-navbar" class="navbar-menu w-menu-main">
52            <div class="navbar-start">
53      
54                      
55                          <a href="/" class="navbar-item" data-drupal-link-system-path="&lt;front&gt;">Главная</a>
56            
57                      
58                          <a href="/ref" class="navbar-item">Справочники</a>
59            
60                      
61                          <div class="navbar-item has-dropdown is-hoverable">
62                <span class="navbar-link">Руководства</span>
63                <div class="navbar-dropdown">
64                    
65        
66                      
67                          <a href="/layout" class="navbar-item">HTML, CSS, Вёрстка</a>
68            
69                      
70                          <a href="/dev" class="navbar-item">Веб-технологии</a>
71            
72          
73        
74
75                </div>
76              </div>
77            
78                      
79                          <a href="/course" class="navbar-item" data-drupal-link-system-path="course">Курсы</a>
80            
81                      
82                          <a href="/recipe" class="navbar-item" data-drupal-link-system-path="recipe">Рецепты</a>
83            
84                      
85                          <a href="/practice" class="navbar-item" data-drupal-link-system-path="practice">Практика</a>
86            
87                      
88                          <a href="/individual" class="navbar-item" data-drupal-link-system-path="individual">Самостоятельная</a>
89            
90                      
91                          <a href="/quiz" class="navbar-item" data-drupal-link-system-path="quiz">Викторина</a>
92            
93          
94                  <div class="is-hidden-desktop">
95              <form action="/search/" class="navbar-form">
96                <input type="search" placeholder="Поиск по сайту" name="q" autocomplete="off" class="input">
97                <input type="hidden" name="cx" value="f3d364b6b73c14ad8">
98                <input type="hidden" name="sort" value="">
99              </form>
100            </div>    
101          </div>
102
103          <div class="navbar-end">
104            <div class="navbar-item is-hidden-touch">
105              <div class="w-search-bar" id="w-search">
106                <span class="w-search-button" @click="setFocus"></span>
107                <div class="w-search-input" v-if="isSearchBar" v-cloak>
108                <form action="/search/" id="cse-search-box">
109                  <input type="search" placeholder="Поиск по сайту" name="q" autocomplete="off" id="cse-search-input" class="input" 
110                          ref="search" @focusout="isSearchBar=false">
111                  <input type="hidden" name="cx" value="f3d364b6b73c14ad8">
112                  <input type="hidden" name="sort" value="">
113                </form>
114              </div>
115            </div>
116          </div>
117        </div>
118      </nav>
119      
120
121
122
123
124</header><main>
125	<div class="w-title">
126		<div class="container">
127			<h1>Элемент &lt;search&gt;</h1>
128		</div>
129	</div>
130	<div class="container">
131		<div class="w-block"  id="block-breadcrumbs">
132    <div class="w-block-content">
133        <nav aria-labelledby="system-breadcrumb">
134    <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2>
135    <ol>
136          <li>
137                  <a href="/">Главная</a>
138              </li>
139          <li>
140                  <a href="/html">Справочник HTML</a>
141              </li>
142          <li>
143                  Элемент
144              </li>
145        </ol>
146  </nav>
147
148    </div>
149</div>
150
151	</div>
152	<div class="container">
153		<div class="columns">			
154			<div class="column is-9-desktop is-12-tablet is-12-mobile w-content">
155				<div class="w-block"  id="block-werbe-horizontal-120">
156    <div class="w-block-content">
157      
158            <div><div class="adfinity_block_4663"></div></div>
159      
160    </div>
161</div>
162
163				<div id="w-main">
164					<div data-drupal-messages-fallback class="hidden"></div>
165
166  <p>Элемент <span class="tag">&lt;search&gt;</span> предназначен для хранения полей формы и других элементов, связанных с поиском. Обычно <span class="tag">&lt;search&gt;</span> выступает контейнером для <a href="/html/input">&lt;input type=&quot;search&quot;&gt;</a> для создания поля поиска и кнопкой <a href="/html/button">&lt;button&gt;</a> для отправки формы.</p>
167<pre><code data-language="html">&lt;search&gt;
168  &lt;input type=&quot;search&quot; placeholder=&quot;Поиск по сайту&quot;&gt;
169  &lt;button&gt;
169Найти&lt;/button&gt;
170&lt;/search&gt;</code></pre>
171<h2 class="w-block-title w-ref-section">Синтаксис</h2>  <pre><code data-language="html">&lt;search&gt;
172…
173&lt;/search&gt;</code></pre>
174<h2 class="w-block-title w-ref-section">Атрибуты</h2>  <p class="more">Для этого элемента доступны <a href="/html/attr/common">универсальные атрибуты</a> и <a href="/html/attr/event">события</a>.</p>
175<h2 class="w-block-title w-ref-section">Пример</h2>  <w-example>&lt;!DOCTYPE html&gt;
176&lt;html lang=&quot;ru&quot;&gt;
177 &lt;head&gt;
178  &lt;meta charset=&quot;utf-8&quot;&gt;
179  &lt;title&gt;search&lt;/title&gt;
180 &lt;/head&gt; 
181 &lt;body&gt;
182  &lt;search&gt;
183   &lt;script async src=&quot;https://cse.google.com/cse.js?cx=partner-pub-0708135098984815:9970767379&quot;&gt;&lt;/script&gt;
184   &lt;div class=&quot;gcse-search&quot;&gt;&lt;/div&gt;
185  &lt;/search&gt;
186 &lt;/body&gt;
187&lt;/html&gt;</w-example>
188<p>В данном примере используется <a href="https://programmablesearchengine.google.com">Программируемая поисковая система</a> от Google. Результат примера в браузере FIrefox показан на рис. 1.</p>
189<p class="fig ill"><img src="/assets/images/html/tag_search.webp" alt="Поисковая строка" width="600"></p>
190<p class="figsign">Рис. 1. Поисковая строка</p>
191	<h2 class="w-block-title w-ref-section">
192		<button @click="isHintSpec=true" class="w-hint-ref">
193			<i class="icon-help"></i>
194		</button>
195		Спецификация</h2>
196	<ul>
197<li><a href="https://html.spec.whatwg.org/multipage/grouping-content.html#the-search-element" hreflang="en" lang="en">HTML Living Standard</a></li>
198</ul>
199<w-modal v-show="isHintSpec" @close="isHintSpec=false">
200	<template v-slot:header>
201		Спецификация
202	</template>
203	<template v-slot:default>
204		<p>Каждая спецификация проходит несколько стадий одобрения.</p>
205		<ul>
206			<li>Draft (<span class="spec-Draft">Черновик спецификации</span>) — первая черновая версия стандарта.</li>
207			<li>Editor's draft (<span class="spec-ED">Редакторский черновик</span>) — черновая версия стандарта после внесения правок редакторами проекта.</li>
208			<li>Working Draft (<span class="spec-WD">Рабочий проект</span>) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.</li>
209			<li>Proposed Recommendation (<span class="spec-PR">Предлагаемая рекомендация</span>) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.</li>
210			<li>Candidate Recommendation (<span class="spec-CR">Возможная рекомендация</span>) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.</li>
211			<li>Recommendation (<span class="spec-REC">Рекомендация</span>) —  спецификация одобрена W3C и рекомендована как стандарт.</li>
212			<li>Superseded Recommendation (<span class="spec-SR">Заменённая рекомендация</span>) — спецификация заменена более новой версией, которая и рекомендована для принятия.</li>
213		</ul>
214	</template>
215</w-modal>
216	<h2 class="w-block-title w-ref-section">
217		<button @click="isHintBrowser=true" class="w-hint-ref">
218			<i class="icon-help"></i>
219		</button>
220		Браузеры</h2>
221	<b-tabs type="is-boxed">
222  <b-tab-item label="Настольные" icon="icon-desktop" icon-pack="icon">
223    <table class="data browser">
224      <tr class="br">
225        <td title="Internet Explorer"><span class="ie"></span></td>
226        <td title="Edge"><span class="ed"></span></td>
227        <td title="Chrome"><span class="cr"></span></td>
228        <td title="Opera"><span class="op"></span></td>
229        <td title="Safari"><span class="sa"></span></td>
230        <td title="Firefox"><span class="fx"></span></td>
231      </tr>
232      <tr class="sp">
233        <td class="no" title="Не поддерживается"><span></span></td>
234        <td class="yes"><span>118</span></td>
235        <td class="yes"><span>118</span></td>
236        <td class="yes"><span>104</span></td>
237        <td class="yes"><span>17</span></td>
238        <td class="yes"><span>118</span></td>
239      </tr>
240    </table>
241  </b-tab-item>
242  <b-tab-item label="Мобильные" icon="icon-mobile" icon-pack="icon">
243    <table class="data browser">
244      <tr class="br">
245        <td title="Android WebView"><span class="an"></span></td>
246        <td title="Firefox для Android"><span class="fx"></span></td>
247        <td title="Opera для Android"><span class="op"></span></td>
248        <td title="iOS Safari"><span class="sa"></span></td>
249      </tr>
250      <tr class="sp">
251        <td class="yes"><span>118</span></td>
252        <td class="yes"><span>118</span></td>
253        <td class="yes"><span>79</span></td>
254        <td class="yes"><span>17</span></td>
255      </tr>
256    </table>
257  </b-tab-item>
258</b-tabs>
259<w-modal v-show="isHintBrowser" @close="isHintBrowser=false">
260	<template v-slot:header>
261		Браузеры
262	</template>
263<p>В таблице браузеров применяются следующие обозначения.</p>
264<ul>
265  <li><span class="yes"><span class="icon-ok"></span></span> — элемент полностью поддерживается браузером;</li>
266  <li><span class="no"><span class="icon-cancel"></span></span> — элемент браузером не воспринимается и игнорируется;</li>
267  <li><span class="warn"><span class="icon-warning"></span></span> — при работе возможно появление различных  ошибок, либо элемент поддерживается с оговорками.</li>
268</ul>
269<p>
269Число указывает версию браузреа, начиная с которой элемент поддерживается.</p>
270</w-modal>
271<div class="w-tag-list">
272  <span class="w-tag-item"><a href="/html/type/semantics" hreflang="ru">Семантика</a></span>
273</div>
274					
275				</div>
276			</div>
277			<aside class="column is-3-desktop is-12-tablet is-12-mobile w-sidebar" id="w-sidebar">
278				<div class="w-block"  id="block-html-css-search">
279    <div class="w-block-content">
280      
281            <div><w-autocomplete :suggestions="suggestions" v-model="value"></w-autocomplete></div>
282      
283    </div>
284</div>
285<div class="w-block"  id="block-html-element">
286      <h2 class="w-block-title">Элементы HTML</h2>
287    <div class="w-block-content">
288      
289              <ul class="w-block-menu w-dev">
290                    <li >
291        <a href="/html/%21--" data-drupal-link-system-path="node/16">&lt;!-- --&gt;</a>
292       
293              </li>
294                <li >
295        <a href="/html/%21doctype" data-drupal-link-system-path="node/15">&lt;!DOCTYPE&gt;</a>
296       
297              </li>
298                <li >
299        <a href="/html/a" data-drupal-link-system-path="node/11">&lt;a&gt;</a>
300       
301              </li>
302                <li >
303        <a href="/html/abbr" data-drupal-link-system-path="node/12">&lt;abbr&gt;</a>
304       
305              </li>
306                <li >
307        <a href="/html/acronym" data-drupal-link-system-path="node/13">&lt;acronym&gt;</a>
308       
309              </li>
310                <li >
311        <a href="/html/address" data-drupal-link-system-path="node/14">&lt;address&gt;</a>
312       
313              </li>
314                <li >
315        <a href="/html/applet" data-drupal-link-system-path="node/17">&lt;applet&gt;</a>
316       
317              </li>
318                <li >
319        <a href="/html/area" data-drupal-link-system-path="node/18">&lt;area&gt;</a>
320       
321              </li>
322                <li >
323        <a href="/html/article" data-drupal-link-system-path="node/19">&lt;article&gt;</a>
324       
325              </li>
326                <li >
327        <a href="/html/aside" data-drupal-link-system-path="node/20">&lt;aside&gt;</a>
328       
329              </li>
330                <li >
331        <a href="/html/audio" data-drupal-link-system-path="node/21">&lt;audio&gt;</a>
332       
333              </li>
334                <li >
335        <a href="/html/b" data-drupal-link-system-path="node/22">&lt;b&gt;</a>
336       
337              </li>
338                <li >
339        <a href="/html/base" data-drupal-link-system-path="node/23">&lt;base&gt;</a>
340       
341              </li>
342                <li >
343        <a href="/html/basefont" data-drupal-link-system-path="node/24">&lt;basefont&gt;</a>
344       
345              </li>
346                <li >
347        <a href="/html/bdi" data-drupal-link-system-path="node/25">&lt;bdi&gt;</a>
348       
349              </li>
350                <li >
351        <a href="/html/bdo" data-drupal-link-system-path="node/26">&lt;bdo&gt;</a>
352       
353              </li>
354                <li >
355        <a href="/html/bgsound" data-drupal-link-system-path="node/27">&lt;bgsound&gt;</a>
356       
357              </li>
358                <li >
359        <a href="/html/big" data-drupal-link-system-path="node/29">&lt;big&gt;</a>
360       
361              </li>
362                <li >
363        <a href="/html/blink" data-drupal-link-system-path="node/31">&lt;blink&gt;</a>
364       
365              </li>
366                <li >
367        <a href="/html/blockquote" data-drupal-link-system-path="node/28">&lt;blockquote&gt;</a>
368       
369              </li>
370                <li >
371        <a href="/html/body" data-drupal-link-system-path="node/30">&lt;body&gt;</a>
372       
373              </li>
374                <li >
375        <a href="/html/br" data-drupal-link-system-path="node/32">&lt;br&gt;</a>
376       
377              </li>
378                <li >
379        <a href="/html/button" data-drupal-link-system-path="node/33">&lt;button&gt;</a>
380       
381              </li>
382                <li >
383        <a href="/html/canvas" data-drupal-link-system-path="node/34">&lt;canvas&gt;</a>
384       
385              </li>
386                <li >
387        <a href="/html/caption" data-drupal-link-system-path="node/35">&lt;caption&gt;</a>
388       
389              </li>
390                <li >
391        <a href="/html/center" data-drupal-link-system-path="node/36">&lt;center&gt;</a>
392       
393              </li>
394                <li >
395        <a href="/html/cite" data-drupal-link-system-path="node/37">&lt;cite&gt;</a>
396       
397              </li>
398                <li >
399        <a href="/html/code" data-drupal-link-system-path="node/38">&lt;code&gt;</a>
400       
401              </li>
402                <li >
403        <a href="/html/col" data-drupal-link-system-path="node/39">&lt;col&gt;</a>
404       
405              </li>
406                <li >
407        <a href="/html/colgroup" data-drupal-link-system-path="node/40">&lt;colgroup&gt;</a>
408       
409              </li>
410                <li >
411        <a href="/html/command" data-drupal-link-system-path="node/41">&lt;command&gt;</a>
412       
413              </li>
414                <li >
415        <a href="/html/comment" data-drupal-link-system-path="node/42">&lt;comment&gt;</a>
416       
417              </li>
418                <li >
419        <a href="/html/data" data-drupal-link-system-path="node/1138">&lt;data&gt;</a>
420       
421              </li>
422                <li >
423        <a href="/html/datalist" data-drupal-link-system-path="node/43">&lt;datalist&gt;</a>
424       
425              </li>
426                <li >
427        <a href="/html/dd" data-drupal-link-system-path="node/44">&lt;dd&gt;</a>
428       
429              </li>
430                <li >
431        <a href="/html/del" data-drupal-link-system-path="node/45">&lt;del&gt;</a>
432       
433              </li>
434                <li >
435        <a href="/html/details" data-drupal-link-system-path="node/46">&lt;details&gt;</a>
436       
437              </li>
438                <li >
439        <a href="/html/dfn" data-drupal-link-system-path="node/47">&lt;dfn&gt;</a>
440       
441              </li>
442                <li >
443        <a href="/html/dialog" data-drupal-link-system-path="node/1116">&lt;dialog&gt;</a>
444       
445              </li>
446                <li >
447        <a href="/html/dir" data-drupal-link-system-path="node/48">&lt;dir&gt;</a>
448       
449              </li>
450                <li >
451        <a href="/html/div" data-drupal-link-system-path="node/49">&lt;div&gt;</a>
452       
453              </li>
454                <li >
455        <a href="/html/dl" data-drupal-link-system-path="node/50">&lt;dl&gt;</a>
456       
457              </li>
458                <li >
459        <a href="/html/dt" data-drupal-link-system-path="node/51">&lt;dt&gt;</a>
460       
461              </li>
462                <li >
463        <a href="/html/em" data-drupal-link-system-path="node/52">&lt;em&gt;</a>
464       
465              </li>
466                <li >
467        <a href="/html/embed" data-drupal-link-system-path="node/53">&lt;embed&gt;</a>
468       
469              </li>
470                <li >
471        <a href="/html/fieldset" data-drupal-link-system-path="node/54">&lt;fieldset&gt;</a>
472       
473              </li>
474                <li >
475        <a href="/html/figcaption" data-drupal-link-system-path="node/55">&lt;figcaption&gt;</a>
476       
477              </li>
478                <li >
479        <a href="/html/figure" data-drupal-link-system-path="node/56">&lt;figure&gt;</a>
480       
481              </li>
482                <li >
483        <a href="/html/font" data-drupal-link-system-path="node/57">&lt;font&gt;</a>
484       
485              </li>
486                <li >
487        <a href="/html/footer" data-drupal-link-system-path="node/59">&lt;footer&gt;</a>
488       
489              </li>
490                <li >
491        <a href="/html/form" data-drupal-link-system-path="node/58">&lt;form&gt;</a>
492       
493              </li>
494                <li >
495        <a href="/html/frame" data-drupal-link-system-path="node/60">&lt;frame&gt;</a>
496       
497              </li>
498                <li >
499        <a href="/html/frameset" data-drupal-link-system-path="node/61">&lt;frameset&gt;</a>
500       
501              </li>
502                <li >
503        <a href="/html/h1" data-drupal-link-system-path="node/62">&lt;h1&gt;</a>
504       
505              </li>
506                <li >
507        <a href="/html/h2" data-drupal-link-system-path="node/63">&lt;h2&gt;</a>
508       
509              </li>
510                <li >
511        <a href="/html/h3" data-drupal-link-system-path="node/64">&lt;h3&gt;</a>
512       
513              </li>
514                <li >
515        <a href="/html/h4" data-drupal-link-system-path="node/65">&lt;h4&gt;</a>
516       
517              </li>
518                <li >
519        <a href="/html/h5" data-drupal-link-system-path="node/66">&lt;h5&gt;</a>
520       
521              </li>
522                <li >
523        <a href="/html/h6" data-drupal-link-system-path="node/67">&lt;h6&gt;</a>
524       
525              </li>
526                <li >
527        <a href="/html/head" data-drupal-link-system-path="node/68">&lt;head&gt;</a>
528       
529              </li>
530                <li >
531        <a href="/html/header" data-drupal-link-system-path="node/69">&lt;header&gt;</a>
532       
533              </li>
534                <li >
535        <a href="/html/hgroup" data-drupal-link-system-path="node/70">&lt;hgroup&gt;</a>
536       
537              </li>
538                <li >
539        <a href="/html/hr" data-drupal-link-system-path="node/71">&lt;hr&gt;</a>
540       
541              </li>
542                <li >
543        <a href="/html/html" data-drupal-link-system-path="node/72">&lt;html&gt;</a>
544       
545              </li>
546                <li >
547        <a href="/html/i" data-drupal-link-system-path="node/73">&lt;i&gt;</a>
548       
549              </li>
550                <li >
551        <a href="/html/iframe" data-drupal-link-system-path="node/74">&lt;iframe&gt;</a>
552       
553              </li>
554                <li >
555        <a href="/html/img" data-drupal-link-system-path="node/75">&lt;img&gt;</a>
556       
557              </li>
558                <li >
559        <a href="/html/input" data-drupal-link-system-path="node/76">&lt;input&gt;</a>
560       
561              </li>
562                <li >
563        <a href="/html/ins" data-drupal-link-system-path="node/77">&lt;ins&gt;</a>
564       
565              </li>
566                <li >
567        <a href="/html/isindex" data-drupal-link-system-path="node/78">&lt;isindex&gt;</a>
568       
569              </li>
570                <li >
571        <a href="/html/kbd" data-drupal-link-system-path="node/79">&lt;kbd&gt;</a>
572       
573              </li>
574                <li >
575        <a href="/html/keygen" data-drupal-link-system-path="node/80">&lt;keygen&gt;</a>
576       
577              </li>
578                <li >
579        <a href="/html/label" data-drupal-link-system-path="node/84">&lt;label&gt;</a>
580       
581              </li>
582                <li >
583        <a href="/html/legend" data-drupal-link-system-path="node/83">&lt;legend&gt;</a>
584       
585              </li>
586                <li >
587        <a href="/html/li" data-drupal-link-system-path="node/82">&lt;li&gt;</a>
588       
589              </li>
590                <li >
591        <a href="/html/link" data-drupal-link-system-path="node/81">&lt;link&gt;</a>
592       
593              </li>
594                <li >
595        <a href="/html/listing" data-drupal-link-system-path="node/145">&lt;listing&gt;</a>
596       
597              </li>
598                <li >
599        <a href="/html/main" data-drupal-link-system-path="node/85">&lt;main&gt;</a>
600       
601              </li>
602                <li >
603        <a href="/html/map" data-drupal-link-system-path="node/86">&lt;map&gt;</a>
604       
605              </li>
606                <li >
607        <a href="/html/mark" data-drupal-link-system-path="node/88">&lt;mark&gt;</a>
608       
609              </li>
610                <li >
611        <a href="/html/marquee" data-drupal-link-system-path="node/87">&lt;marquee&gt;</a>
612       
613              </li>
614                <li >
615        <a href="/html/menu" data-drupal-link-system-path="node/89">&lt;menu&gt;</a>
616       
617              </li>
618                <li >
619        <a href="/html/menuitem" data-drupal-link-system-path="node/1255">&lt;menuitem&gt;</a>
620       
621              </li>
622                <li >
623        <a href="/html/meta" data-drupal-link-system-path="node/90">&lt;meta&gt;</a>
624       
625              </li>
626                <li >
627        <a href="/html/meter" data-drupal-link-system-path="node/91">&lt;meter&gt;</a>
628       
629              </li>
630                <li >
631        <a href="/html/multicol" data-drupal-link-system-path="node/143">&lt;multicol&gt;</a>
632       
633              </li>
634                <li >
635        <a href="/html/nav" data-drupal-link-system-path="node/92">&lt;nav&gt;</a>
636       
637              </li>
638                <li >
639        <a href="/html/nobr" data-drupal-link-system-path="node/93">&lt;nobr&gt;</a>
640       
641              </li>
642                <li >
643        <a href="/html/noembed" data-drupal-link-system-path="node/94">&lt;noembed&gt;</a>
644       
645              </li>
646                <li >
647        <a href="/html/noframes" data-drupal-link-system-path="node/95">&lt;noframes&gt;</a>
648       
649              </li>
650                <li >
651        <a href="/html/noindex" data-drupal-link-system-path="node/1065">&lt;noindex&gt;</a>
652       
653              </li>
654                <li >
655        <a href="/html/noscript" data-drupal-link-system-path="node/96">&lt;noscript&gt;</a>
656       
657              </li>
658                <li >
659        <a href="/html/object" data-drupal-link-system-path="node/97">&lt;object&gt;</a>
660       
661              </li>
662                <li >
663        <a href="/html/ol" data-drupal-link-system-path="node/98">&lt;ol&gt;</a>
664       
665              </li>
666                <li >
667        <a href="/html/optgroup" data-drupal-link-system-path="node/99">&lt;optgroup&gt;</a>
668       
669              </li>
670                <li >
671        <a href="/html/option" data-drupal-link-system-path="node/100">&lt;option&gt;</a>
672       
673              </li>
674                <li >
675        <a href="/html/output" data-drupal-link-system-path="node/101">&lt;output&gt;</a>
676       
677              </li>
678                <li >
679        <a href="/html/p" data-drupal-link-system-path="node/102">&lt;p&gt;</a>
680       
681              </li>
682                <li >
683        <a href="/html/param" data-drupal-link-system-path="node/103">&lt;param&gt;</a>
684       
685              </li>
686                <li >
687        <a href="/html/picture" data-drupal-link-system-path="node/1256">&lt;picture&gt;</a>
688       
689              </li>
690                <li >
691        <a href="/html/plaintext" data-drupal-link-system-path="node/104">&lt;plaintext&gt;</a>
692       
693              </li>
694                <li >
695        <a href="/html/pre" data-drupal-link-system-path="node/105">&lt;pre&gt;</a>
696       
697              </li>
698                <li >
699        <a href="/html/progress" data-drupal-link-system-path="node/106">&lt;progress&gt;</a>
700       
701              </li>
702                <li >
703        <a href="/html/q" data-drupal-link-system-path="node/107">&lt;q&gt;</a>
704       
705              </li>
706                <li >
707        <a href="/html/rb" data-drupal-link-system-path="node/2852">&lt;rb&gt;</a>
708       
709              </li>
710                <li >
711        <a href="/html/rp" data-drupal-link-system-path="node/108">&lt;rp&gt;</a>
712       
713              </li>
714                <li >
715        <a href="/html/rt" data-drupal-link-system-path="node/109">&lt;rt&gt;</a>
716       
717              </li>
718                <li >
719        <a href="/html/rtc" data-drupal-link-system-path="node/1254">&lt;rtc&gt;</a>
720       
721              </li>
722                <li >
723        <a href="/html/ruby" data-drupal-link-system-path="node/110">&lt;ruby&gt;</a>
724       
725              </li>
726                <li >
727        <a href="/html/s" data-drupal-link-system-path="node/111">&lt;s&gt;</a>
728       
729              </li>
730                <li >
731        <a href="/html/samp" data-drupal-link-system-path="node/112">&lt;samp&gt;</a>
732       
733              </li>
734                <li >
735        <a href="/html/script" data-drupal-link-system-path="node/113">&lt;script&gt;</a>
736       
737              </li>
738                  <li class="is-active">
739          <a href="/html/search" class="is-active" data-drupal-link-system-path="node/2857">&lt;search&gt;</a>    
740       
741              </li>
742                <li >
743        <a href="/html/section" data-dr
743upal-link-system-path="node/114">&lt;section&gt;</a>
744       
745              </li>
746                <li >
747        <a href="/html/select" data-drupal-link-system-path="node/115">&lt;select&gt;</a>
748       
749              </li>
750                <li >
751        <a href="/html/slot" data-drupal-link-system-path="node/2872">&lt;slot&gt;</a>
752       
753              </li>
754                <li >
755        <a href="/html/small" data-drupal-link-system-path="node/116">&lt;small&gt;</a>
756       
757              </li>
758                <li >
759        <a href="/html/source" data-drupal-link-system-path="node/118">&lt;source&gt;</a>
760       
761              </li>
762                <li >
763        <a href="/html/spacer" data-drupal-link-system-path="node/144">&lt;spacer&gt;</a>
764       
765              </li>
766                <li >
767        <a href="/html/span" data-drupal-link-system-path="node/117">&lt;span&gt;</a>
768       
769              </li>
770                <li >
771        <a href="/html/strike" data-drupal-link-system-path="node/119">&lt;strike&gt;</a>
772       
773              </li>
774                <li >
775        <a href="/html/strong" data-drupal-link-system-path="node/120">&lt;strong&gt;</a>
776       
777              </li>
778                <li >
779        <a href="/html/style" data-drupal-link-system-path="node/121">&lt;style&gt;</a>
780       
781              </li>
782                <li >
783        <a href="/html/sub" data-drupal-link-system-path="node/122">&lt;sub&gt;</a>
784       
785              </li>
786                <li >
787        <a href="/html/summary" data-drupal-link-system-path="node/124">&lt;summary&gt;</a>
788       
789              </li>
790                <li >
791        <a href="/html/sup" data-drupal-link-system-path="node/123">&lt;sup&gt;</a>
792       
793              </li>
794                <li >
795        <a href="/html/table" data-drupal-link-system-path="node/125">&lt;table&gt;</a>
796       
797              </li>
798                <li >
799        <a href="/html/tbody" data-drupal-link-system-path="node/126">&lt;tbody&gt;</a>
800       
801              </li>
802                <li >
803        <a href="/html/td" data-drupal-link-system-path="node/127">&lt;td&gt;</a>
804       
805              </li>
806                <li >
807        <a href="/html/template" data-drupal-link-system-path="node/1448">&lt;template&gt;</a>
808       
809              </li>
810                <li >
811        <a href="/html/textarea" data-drupal-link-system-path="node/128">&lt;textarea&gt;</a>
812       
813              </li>
814                <li >
815        <a href="/html/tfoot" data-drupal-link-system-path="node/129">&lt;tfoot&gt;</a>
816       
817              </li>
818                <li >
819        <a href="/html/th" data-drupal-link-system-path="node/130">&lt;th&gt;</a>
820       
821              </li>
822                <li >
823        <a href="/html/thead" data-drupal-link-system-path="node/131">&lt;thead&gt;</a>
824       
825              </li>
826                <li >
827        <a href="/html/time" data-drupal-link-system-path="node/132">&lt;time&gt;</a>
828       
829              </li>
830                <li >
831        <a href="/html/title" data-drupal-link-system-path="node/133">&lt;title&gt;</a>
832       
833              </li>
834                <li >
835        <a href="/html/tr" data-drupal-link-system-path="node/134">&lt;tr&gt;</a>
836       
837              </li>
838                <li >
839        <a href="/html/track" data-drupal-link-system-path="node/146">&lt;track&gt;</a>
840       
841              </li>
842                <li >
843        <a href="/html/tt" data-drupal-link-system-path="node/135">&lt;tt&gt;</a>
844       
845              </li>
846                <li >
847        <a href="/html/u" data-drupal-link-system-path="node/136">&lt;u&gt;</a>
848       
849              </li>
850                <li >
851        <a href="/html/ul" data-drupal-link-system-path="node/138">&lt;ul&gt;</a>
852       
853              </li>
854                <li >
855        <a href="/html/var" data-drupal-link-system-path="node/139">&lt;var&gt;</a>
856       
857              </li>
858                <li >
859        <a href="/html/video" data-drupal-link-system-path="node/140">&lt;video&gt;</a>
860       
861              </li>
862                <li >
863        <a href="/html/wbr" data-drupal-link-system-path="node/141">&lt;wbr&gt;</a>
864       
865              </li>
866                <li >
867        <a href="/html/xmp" data-drupal-link-system-path="node/142">&lt;xmp&gt;</a>
868       
869              </li>
870        </ul>
871  
872
873
874    </div>
875</div><div class="w-block"  id="block-html-attr">
876      <h2 class="w-block-title">Атрибуты</h2>
877    <div class="w-block-content">
878      
879              <ul class="w-block-menu w-dev">
880                    <li >
881        <a href="/html/attr/common">Универсальные</a>
882       
883              </li>
884                <li >
885        <a href="/html/attr/event">События</a>
886       
887              </li>
888        </ul>
889  
890
891
892    </div>
893</div><div class="w-block"  id="block-html-value">
894      <h2 class="w-block-title">Значения</h2>
895    <div class="w-block-content">
896      
897              <ul class="w-block-menu w-dev">
898                    <li >
899        <a href="/html/value/mime">MIME-типы</a>
900       
901              </li>
902                <li >
903        <a href="/html/value/url">Адрес</a>
904       
905              </li>
906                <li >
907        <a href="/html/value/lang">Коды языков</a>
908       
909              </li>
910                <li >
911        <a href="/html/value/colorname">Названия цветов</a>
912       
913              </li>
914                <li >
915        <a href="/html/value/percent">Проценты</a>
916       
917              </li>
918                <li >
919        <a href="/html/value/script">Скрипт</a>
920       
921              </li>
922                <li >
923        <a href="/html/value/text">Текст</a>
924       
925              </li>
926                <li >
927        <a href="/html/value/color">Цвет</a>
928       
929              </li>
930                <li >
931        <a href="/html/value/number">Число</a>
932       
933              </li>
934        </ul>
935  
936
937
938    </div>
939</div><div class="w-block"  id="block-html-category">
940      <h2 class="w-block-title">Типы элементов</h2>
941    <div class="w-block-content">
942      
943
944
945        <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_video.svg" />
946</span><a href="/html/type/video" hreflang="ru">Аудио и видео</a></div>
947    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_doc.svg" />
948</span><a href="/html/type/doc" hreflang="ru">Документ</a></div>
949    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_image.svg" />
950</span><a href="/html/type/img" hreflang="ru">Изображения</a></div>
951    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_object.svg" />
952</span><a href="/html/type/object" hreflang="ru">Объекты</a></div>
953    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_semantics.svg" />
954</span><a href="/html/type/semantics" hreflang="ru">Семантика</a></div>
955    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_script.svg" />
956</span><a href="/html/type/script" hreflang="ru">Скрипты</a></div>
957    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_list.svg" />
958</span><a href="/html/type/list" hreflang="ru">Списки</a></div>
959    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_link.svg" />
960</span><a href="/html/type/link" hreflang="ru">Ссылки</a></div>
961    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_table.svg" />
962</span><a href="/html/type/table" hreflang="ru">Таблицы</a></div>
963    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_text.svg" />
964</span><a href="/html/type/text" hreflang="ru">Текст</a></div>
965    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_trash.svg" />
966</span><a href="/html/type/deprecated" hreflang="ru">Устаревшие</a></div>
967    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_form.svg" />
968</span><a href="/html/type/form" hreflang="ru">Формы</a></div>
969    <div class="w-html-category"><span class="w-html-category-icon">  <img width="20" height="20" src="/assets/images/html/icon/ic_frame.svg" />
970</span><a href="/html/type/frame" hreflang="ru">Фреймы</a></div>
971
972
973
974    </div>
975</div>
976
977				<section class="w-region w-region-sidebar-toc">
978    <div class="w-block"  id="block-werbe-vertikal-240">
979    <div class="w-block-content">
980      
981            <div><div class="adfinity_block_4664"></div></div>
982      
983    </div>
984</div>
985
986</section>
987				
988			</aside>
989		</div>
990	</div>
991</main>
992<footer>
993	<div class="w-footer-top">
994		<div class="container">
995			<div class="columns">
996				<div class="column is-12-mobile is-3-desktop">
997					<p class="w-logo"><span class="w-logo-p1">Web</span><span class="w-logo-p2">Reference</span></p>
998					<p class="w-footer-editor">Гл. редактор: Влад Мержевич</p>
999					<address class="w-footer-address">[email protected]</address>
1000				</div>				
1001				<section class="column is-12-mobile is-7-desktop">
1002					<h3>О сайте</h3>
1003					<p class="w-footer-about">На сайте находятся справочники и учебные курсы по различным веб-технологиям, а также руководства по вёрстке веб-страниц.</p>
1004				</section>
1005				<div class="column is-hidden-touch is-1-desktop counter">
1006					<img id="liveInternet" width="31" height="31" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" alt="">
1007					
1007<script src="/themes/webref/js/li.js"></script>
1007
1008				</div>
1009			</div>
1010		</div>
1011	</div>
1012	<div class="w-footer-bottom">
1013		<div class="container">
1014			<div class="columns is-multiline">
1015				<section class="column is-6-mobile is-3-desktop">
1016					<h3>Связи</h3>
1017					<ul class="w-footer-reference">
1018						<li><i class="icon-rss"></i> <a href="//feeds.feedburner.com/webref" rel="nofollow">RSS</a></li>
1019						<li><i class="icon-jsfiddle"></i> <a href="//jsfiddle.net/user/webref/fiddles/" rel="nofollow">JSFiddle</a></li>
1020						<li><i class="icon-github"></i> <a href="//github.com/webref" rel="nofollow">GitHub</a></li>
1021						<li><i class="icon-vk"></i> <a href="//vk.com/webref" rel="nofollow">ВКонтакте</a></li>
1022						<li><i class="icon-telegram"></i> <a href="//t.me/webref_ru" rel="nofollow">Телеграм</a></li>
1023						<li><i class="icon-doc-text"></i> <a href="//drive.google.com/drive/folders/1LZOhiB5pvbtQtnx_z9XzjjgUOK5pu1U-" rel="nofollow">Google Диск</a></li>
1024						<li><i class="icon-play"></i> <a href="//play.google.com/store/apps/developer?id=webref.ru" rel="nofollow">Google Play</a></li>
1025						<li><i class="icon-youtube"></i> <a href="//www.youtube.com/channel/UC0KbjRLHLbfWbL7IkmHSZNg" rel="nofollow">YouTube</a></li>
1026						<li><i class="icon-users"></i> <a href="//htmlforum.dev" rel="nofollow">Форум</a></li>
1027					</ul>
1028				</section>
1029				<section class="column is-6-mobile is-3-desktop">
1030					<h3>Разделы сайта</h3>
1031					<ul class="w-footer-menu">
1032						<li><i class="icon-book"></i> <a href="/ref">Справочники</a></li>
1033						<li><i class="icon-layout"></i> <a href="/layout">Вёрстка</a></li>
1034						<li><i class="icon-gear"></i> <a href="/dev">Веб-технологии</a></li>
1035						<li><i class="icon-help"></i> <a href="/recipe">Рецепты</a></li>
1036						<li><i class="icon-bookmark"></i> <a href="/course">Учебные курсы</a></li>
1037						<li><i class="icon-pencil"></i> <a href="/practice">Практика</a></li>
1038						<li><i class="icon-css3"></i> <a href="/individual">Самостоятельная</a></li>
1039						<li><i class="icon-help"></i> <a href="/quiz">Викторина</a></li>
1040					</ul>		
1041				</section>
1042				<section class="column is-6-mobile is-3-desktop">
1043					<h3>Популярное</h3>
1044					<div class="w-block"  id="block-views-block-popular">
1045    <div class="w-block-content">
1046      
1047
1048
1049    
1050<ul class="w-footer-menu">
1051
1052      <li>  <img width="16" height="16" src="/assets/images/svg/html5.svg" />
1053<a href="/layout/learn-html-css" hreflang="ru">Уроки по HTML и CSS</a></li>
1054      <li>  <img width="16" height="16" src="/assets/images/svg/html5.svg" />
1055<a href="/layout/html5-css3" hreflang="ru">HTML5 и CSS3 на примерах</a></li>
1056      <li>  <img width="16" height="16" src="/assets/images/svg/layout.svg" />
1057<a href="/layout/flexbox-tutorial" hreflang="ru">Руководство по флексбоксам</a></li>
1058      <li>  <img width="16" height="16" src="/assets/images/svg/json.svg" />
1059<a href="/dev/json-tutorial" hreflang="ru">Руководство по JSON</a></li>
1060      <li>  <img width="16" height="16" src="/assets/images/svg/html5.svg" />
1061<a href="/layout/howtocodeinhtml" hreflang="ru">Как верстать на HTML5 и CSS3</a></li>
1062      <li>  <img width="16" height="16" src="/assets/images/svg/bootstrap.svg" />
1063<a href="/layout/bootstrap5" hreflang="ru">Руководство по Bootstrap 5</a></li>
1064      <li>  <img width="16" height="16" src="/assets/images/svg/css3.svg" />
1065<a href="/layout/advanced-html-css" hreflang="ru">Продвинутые уроки по HTML и CSS</a></li>
1066      <li>  <img width="16" height="16" src="/assets/images/svg/layout.svg" />
1067<a href="/layout/visual-guide-flexbox" hreflang="ru">Визуальное руководство по свойствам flexbox</a></li>
1068  
1069</ul>
1070
1071
1072    </div>
1073</div>
1074
1075				</section>
1076				<section class="column is-6-mobile is-3-desktop">
1077					<h3>Помощь по сайту</h3>
1078					<ul class="w-footer-help">
1079						<li><a href="/author">Авторы</a></li>
1080						<li><a href="/help/legend">Обозначения</a></li>
1081						<li><a href="/help/term">Терминология</a></li>
1082						<li><a href="/help/app">Наши приложения</a></li>
1083						<li><a href="/help/privacy">Конфиденциальность</a></li>
1084						<li><a href="/help/download">Скачать</a></li>
1085					</ul>
1086				</section>
1087			</div>
1088		</div>
1089	</div>
1090	<div class="w-footer-hosting">
1091		<div class="container">
1092			<p><a href="//beget.com/ru" rel="nofollow"><img src="/themes/webref/img/beget.svg" alt="Beget" width="100" height="46" class="hosting-logo" loading="lazy"></a>
1093			Сайт WebReference.ru использует <a href="//beget.com/ru" rel="nofollow">VPS от компании Beget</a>.</p>
1094		</div>
1095	</div>
1096	<div class="w-footer-copyright">
1097		<div class="container">
1098			<div class="columns">
1099				<div class="column is-12-mobile is-2-tablet is-2-desktop">
1100					<a href="http://creativecommons.org/licenses/by-nc/4.0/deed.ru" rel="nofollow">
1100<img alt="Лицензия Creative Commons" src="/themes/webref/img/cc-by-nc.svg" width="120" height="42" loading="lazy"></a>
1101				</div>
1102				<div class="column is-12-mobile is-10-tablet is-10-desktop">Все материалы сайта доступны по <a href="http://creativecommons.org/licenses/by-nc/4.0/deed.ru" rel="nofollow">лицензии Creative Commons «Attribution-NonCommercial» («Атрибуция — Некоммерческое использование») 4.0 Всемирная</a>, если не указано иное.</div>
1103			</div>
1104		</div>
1105	</div>
1106</footer>
1107
1108
1109
1110
1111		
1111<script src="/themes/webref/js/vendor/vue.min.js?tleits"></script>
vendor: 1 bytes, line 1111
1111
1112<script src="/themes/webref/js/vue-search.min.js?tleits"></script>
vendor: 1 bytes, line 1112
1112
1113<script src="/themes/webref/js/metrika.js?tleits"></script>
vendor: 1 bytes, line 1113
1113
1114<script src="/themes/webref/js/vendor/rainbow.min.js?tleits"></script>
vendor: 1 bytes, line 1114
1114
1115<script src="/themes/webref/js/vue-tabs.min.js?tleits"></script>
vendor: 1 bytes, line 1115
1115
1116<script src="/themes/webref/js/vue-example.min.js?tleits"></script>
vendor: 1 bytes, line 1116
1116
1117<script src="/themes/webref/js/main.min.js?tleits"></script>
vendor: 1 bytes, line 1117
1117
1118<script src="/themes/webref/js/vue-sidebar.min.js?tleits"></script>
1118
1119
1120	</body>
1121</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.