Ðа ÑÑой ÑÑÑаниÑе ÑобÑÐ°Ð½Ñ Ð²Ñе ÑлеменÑÑ HTML. Ðни ÑгÑÑппиÑÐ¾Ð²Ð°Ð½Ñ Ð¿Ð¾ ÑÑнкÑиÑм, ÑÑÐ¾Ð±Ñ Ð¿Ð¾Ð¼Ð¾ÑÑ Ð²Ð°Ð¼ найÑи Ñо, ÑÑо вам нÑжно Ð´Ð»Ñ ÑеализаÑии ваÑÐ¸Ñ Ð¸Ð´ÐµÐ¹. ХоÑÑ ÑÑо ÑÑководÑÑво напиÑано Ð´Ð»Ñ Ð¾ÑноÑиÑелÑнÑÑ Ð½Ð¾Ð²Ð¸Ñков в пÑогÑаммиÑовании, Ð¼Ñ Ñ Ð¾Ñим, ÑÑÐ¾Ð±Ñ Ð¾Ð½Ð¾ бÑло полезнÑм Ð´Ð»Ñ Ð²ÑÐµÑ .
ÐÑновнÑе ÑлеменÑÑÐÑновнÑе ÑлеменÑÑ ÑвлÑÑÑÑÑ Ð¾Ñновой лÑбого HTML докÑменÑа. ÐÑ ÑвидиÑе ÑÑи ÑлеменÑÑ Ð² иÑÑ
одном коде Ð´Ð»Ñ Ð²ÑеÑ
веб-ÑÑÑÐ°Ð½Ð¸Ñ Ð¿Ð¾Ñле Ð·Ð°Ð´Ð°Ð½Ð¸Ñ Ñипа докÑменÑа на пеÑвой ÑÑÑоке на ÑÑÑаниÑе. DOCTYPE опÑеделÑеÑ, какÑÑ Ð²ÐµÑÑÐ¸Ñ (X) HTML ÑÑа ÑÑÑаниÑа иÑполÑзÑеÑ. ÐлеменÑÑ ÑÑÑаниÑÑ Ð½Ð°Ñ
одÑÑÑÑ Ð¼ÐµÐ¶Ð´Ñ Ð¾ÑкÑÑваÑÑим Ñегом <HTML> и закÑÑваÑÑим </ HTML>. ÐлеменÑ<html>
назÑваеÑÑÑ ÐºÐ¾ÑневÑм ÑлеменÑом.
<html>
ÐÑедÑÑавлÑÐµÑ Ñобой коÑÐµÐ½Ñ (ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð²ÐµÑÑ
него ÑÑовнÑ) HTML-докÑменÑа, поÑÑÐ¾Ð¼Ñ ÐµÐ³Ð¾ Ñак же назÑваÑÑ ÐºÐ¾ÑневÑм ÑлеменÑом. ÐÑе дÑÑгие ÑлеменÑÑ Ð´Ð¾Ð»Ð¶Ð½Ñ Ð±ÑÑÑ Ð¿Ð¾Ñомками ÑÑого ÑлеменÑа (Ð´Ð¾Ð»Ð¶Ð½Ñ Ð½Ð°Ñ
одиÑÑÑÑ Ð²Ð½ÑÑÑи него). ÐеÑаданнÑе докÑменÑа
ÐеÑаданнÑе ÑодеÑÐ¶Ð°Ñ Ð¸Ð½ÑоÑмаÑÐ¸Ñ Ð¾ ÑÑÑаниÑе. Ðни вклÑÑаÑÑ Ð² ÑÐµÐ±Ñ Ð¸Ð½ÑоÑмаÑÐ¸Ñ Ð¾ ÑÑилÑÑ , ÑкÑипÑÑ Ð¸ даннÑе, ÑÑÐ¾Ð±Ñ Ð¿Ð¾Ð¼Ð¾ÑÑ Ð¿ÑогÑÐ°Ð¼Ð¼Ð½Ð¾Ð¼Ñ Ð¾Ð±ÐµÑпеÑÐµÐ½Ð¸Ñ (поиÑковÑе ÑиÑÑемÑ, бÑаÑзеÑÑ Ð¸ Ñ.д.) иÑполÑзоваÑÑ Ð¸ оÑобÑажаÑÑ ÑÑÑаниÑÑ. ÐеÑаданнÑе Ð´Ð»Ñ ÑÑилей и ÑкÑипÑÑ Ð¼Ð¾Ð³ÑÑ Ð±ÑÑÑ Ð¾Ð¿ÑÐµÐ´ÐµÐ»ÐµÐ½Ñ Ð½Ð° ÑÑÑаниÑе или ÑÑÑлке на дÑÑгой Ñайл, коÑоÑÑй Ð¸Ð¼ÐµÐµÑ Ð¸Ð½ÑоÑмаÑиÑ.
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<base>
ÐпÑеделÑÐµÑ Ð¾Ñновной адÑÐµÑ (URL), иÑполÑзÑемÑй Ð´Ð»Ñ Ð²ÑеÑ
оÑноÑиÑелÑнÑÑ
адÑеÑов (URLs) в докÑменÑе. ÐÐ¾Ð¶ÐµÑ Ð±ÑÑÑ ÑолÑко один <base>
ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð² одном докÑменÑе. <head>
СодеÑÐ¶Ð¸Ñ Ð¼Ð°ÑиноÑиÑаемÑÑ Ð¸Ð½ÑоÑмаÑÐ¸Ñ (metadata) о докÑменÑе, напÑÐ¸Ð¼ÐµÑ ÐµÐ³Ð¾ заголовок, ÑкÑипÑÑ Ð¸ ÑÑÑаниÑÑ ÑÑилей. <link>
ÐпÑеделÑÐµÑ Ð¾ÑноÑÐµÐ½Ð¸Ñ Ð¼ÐµÐ¶Ð´Ñ ÑекÑÑим докÑменÑом и внеÑним ÑеÑÑÑÑом. ÐÑÐ¾Ñ ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑаÑе вÑего иÑполÑзÑеÑÑÑ Ð´Ð»Ñ ÑÑÑлки на stylesheets, а Ñакже Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð¸ÐºÐ¾Ð½Ð¾Ðº ÑайÑа (как Ð´Ð»Ñ Ð¸ÐºÐ¾Ð½Ð¾Ðº в ÑÑиле "favicon", Ñак и Ð´Ð»Ñ Ð¸ÐºÐ¾Ð½Ð¾Ðº домаÑниÑ
ÑкÑанов и пÑиложений мобилÑнÑÑ
ÑÑÑÑойÑÑв) ÑÑеди пÑоÑего. <meta>
ÐÑедÑÑавлÑÐµÑ Ñакие меÑаданнÑе, коÑоÑÑе не могÑÑ Ð±ÑÑÑ Ð¿ÑедÑÑÐ°Ð²Ð»ÐµÐ½Ñ Ð´ÑÑгими HTML-меÑаÑегами, Ñакими как <base>
, <link>
, <script>
, <style>
или <title>
. <style>
СодеÑÐ¶Ð¸Ñ ÑÑилевÑÑ Ð¸Ð½ÑоÑмаÑÐ¸Ñ Ð´Ð»Ñ Ð´Ð¾ÐºÑменÑа или его ÑаÑÑи. Ðо ÑмолÑÐ°Ð½Ð¸Ñ ÑÑилевÑе инÑÑÑÑкÑии внÑÑÑи ÑÑого ÑлеменÑа ÑÑиÑаÑÑÑÑ Ð½Ð°Ð¿Ð¸ÑаннÑми на CSS. <title>
ÐпÑеделÑÐµÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº докÑменÑа, коÑоÑÑй оÑобÑажаеÑÑÑ Ð² заголовке окна бÑаÑзеÑа или на вкладке ÑÑÑаниÑÑ. Ðн ÑодеÑÐ¶Ð¸Ñ ÑолÑко ÑекÑÑ, а Ñеги внÑÑÑи ÑлеменÑа игноÑиÑÑÑÑÑÑ. СекÑиониÑование коÑÐ½Ñ ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание <body>
ÐÑедÑÑавлÑÐµÑ Ñобой конÑÐµÐ½Ñ (ÑодеÑжимое) докÑменÑа HTML. РдокÑменÑе Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ ÑолÑко один ÑÐ»ÐµÐ¼ÐµÐ½Ñ <body>
. СекÑиониÑование ÑодеÑжаниÑ
СекÑиониÑование ÑодеÑÐ¶Ð°Ð½Ð¸Ñ ÑлеменÑов позволÑÐµÑ ÑазложиÑÑ ÑодеÑжимое докÑменÑа на логиÑеÑкие ÑаÑÑи. ÐÑполÑзÑйÑе ÑекÑиониÑование ÑлеменÑов Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð¾Ð±ÑÐ¸Ñ ÑеÑÑ ÑодеÑÐ¶Ð°Ð½Ð¸Ñ ÑÑÑаниÑÑ, вклÑÑÐ°Ñ ÑÐ°Ð¿ÐºÑ Ð¸ подвал и заголовоÑнÑе ÑлеменÑÑ Ð´Ð»Ñ Ð¾Ð±Ð¾Ð·Ð½Ð°ÑÐµÐ½Ð¸Ñ Ñазделов.
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<address>
ÐадаÑÑ ÐºÐ¾Ð½ÑакÑнÑе даннÑе Ð´Ð»Ñ Ð±Ð»Ð¸Ð¶Ð°Ð¹Ñего ÑодиÑелÑÑкого <article>
или <body>
; РпоÑледнем ÑлÑÑае пÑименÑеÑÑÑ ÐºÐ¾ вÑÐµÐ¼Ñ Ð´Ð¾ÐºÑменÑÑ, визÑалÑно вÑделÑеÑÑÑ ÐºÑÑÑивом. <article>
ÐÑедÑÑавлÑÐµÑ ÑамоÑÑоÑÑелÑнÑÑ ÑаÑÑÑ Ð´Ð¾ÐºÑменÑа, ÑÑÑаниÑÑ, пÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð¸Ð»Ð¸ ÑайÑа, пÑедназнаÑеннÑÑ Ð´Ð»Ñ Ð½ÐµÐ·Ð°Ð²Ð¸Ñимого ÑаÑпÑоÑÑÑÐ°Ð½ÐµÐ½Ð¸Ñ Ð¸Ð»Ð¸ повÑоÑного иÑполÑзованиÑ. ÐÑÐ¾Ñ ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð¼Ð¾Ð¶ÐµÑ Ð¿ÑедÑÑавлÑÑÑ ÑÑаÑÑÑ Ð½Ð° ÑоÑÑме, ÑÑаÑÑÑ Ð² жÑÑнале или газеÑе, запиÑÑ Ð² блоге или какой-либо дÑÑгой ÑамоÑÑоÑÑелÑнÑй ÑÑÐ°Ð³Ð¼ÐµÐ½Ñ ÑодеÑжимого. <aside>
ÐÑедÑÑавлÑÐµÑ Ñобой ÑаÑÑÑ Ð´Ð¾ÐºÑменÑа, ÑÑÑ ÑодеÑжимое ÑолÑко коÑвенно ÑвÑзанно Ñ Ð¾ÑновнÑм ÑодеÑжимÑм докÑменÑа. ЧаÑе вÑего пÑедÑÑавлен в виде боковой панели, ÑноÑок или меÑок. <footer>
ÐÑедÑÑавлÑÐµÑ Ñобой нижний колонÑиÑÑл (ÑÑÑеÑ, подвал) Ð´Ð»Ñ Ñвоего ближайÑего ÑекÑионного конÑенÑа или ÑекÑионного коÑнÑ. ФÑÑÐµÑ Ð¾Ð±ÑÑно ÑодеÑÐ¶Ð¸Ñ Ð¸Ð½ÑоÑмаÑÐ¸Ñ Ð¾Ð± авÑоÑе Ñаздела, инÑоÑмаÑÐ¸Ñ Ð¾Ð± авÑоÑÑком пÑаве или ÑÑÑлки на ÑвÑзаннÑе докÑменÑÑ. <header>
ÐÑедÑÑавлÑÐµÑ Ñобой вводнÑй конÑенÑ, обÑÑно гÑÑÐ¿Ð¿Ñ Ð²Ð²Ð¾Ð´Ð½ÑÑ
или навигаÑионнÑÑ
ÑÑедÑÑв. Ðн Ð¼Ð¾Ð¶ÐµÑ ÑодеÑжаÑÑ Ð´ÑÑгие ÑлеменÑÑ-заголовки, а Ñакже логоÑип, ÑоÑÐ¼Ñ Ð¿Ð¾Ð¸Ñка, Ð¸Ð¼Ñ Ð°Ð²ÑоÑа и дÑÑгие ÑлеменÑÑ. <h1>
, <h2>
, <h3>
, <h4>
, <h5>
, <h6>
HTML-ÑлеменÑÑ <h1>
â<h6>
пÑедÑÑавлÑÑÑ Ñобой 6 ÑÑовней заголовков ÑекÑий. <h1>
ÑÑо наиболÑÑий заголовок и <h6>
- наименÑÑий <main>
ÐÑедназнаÑен Ð´Ð»Ñ Ð¾Ñновного конÑенÑа (ÑодеÑжимого) <body>
докÑменÑа (ÑÑÑаниÑÑ). ÐÑновной конÑÐµÐ½Ñ ÑоÑÑÐ¾Ð¸Ñ Ð¸Ð· конÑенÑа, коÑоÑÑй непоÑÑедÑÑвенно оÑноÑиÑÑÑ Ðº главной Ñеме докÑменÑа или ÐµÑ ÑазвиваеÑ. <nav>
ÐпÑеделÑÐµÑ Ð¾ÑделÑнÑÑ ÑекÑÐ¸Ñ Ð´Ð¾ÐºÑменÑа, назнаÑение коÑоÑой обознаÑение ÑÑÑлок навигаÑии (как внÑÑÑи ÑекÑÑего докÑменÑа, Ñак и ведÑÑиÑ
на дÑÑгÑÑ ÑÑÑаниÑÑ). РкаÑеÑÑве пÑимеÑа Ñакой ÑекÑии можно пÑивеÑÑи менÑ, ÑкоÑнÑе ÑÑÑлки. <section>
ÐÑедÑÑавлÑÐµÑ Ñобой авÑономнÑй Ñаздел â коÑоÑÑй не Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¿ÑедÑÑавлен более ÑоÑнÑм по ÑеманÑике ÑлеменÑом â внÑÑÑи HTML-докÑменÑа. Ðак пÑавило, но не вÑегда, ÑÐ°Ð·Ð´ÐµÐ»Ñ Ð¸Ð¼ÐµÑÑ Ð·Ð°Ð³Ð¾Ð»Ð¾Ð²Ð¾Ðº. ТекÑÑовое ÑодеÑжание
ÐÑполÑзÑйÑе ÑекÑÑовÑе ÑлеменÑÑ HTML Ð´Ð»Ñ Ð¾ÑганизаÑии блоков или Ñазделов ÑодеÑжаниÑ, ÑазмеÑÑннÑе Ð¼ÐµÐ¶Ð´Ñ Ñегами оÑкÑÑÑÐ¸Ñ <body> и закÑÑÑÐ¸Ñ </body>. Ðажное знаÑение Ð´Ð»Ñ accessibility и SEO, ÑÑÐ¾Ð±Ñ ÑÑи ÑлеменÑÑ Ð¾Ð¿Ñеделили ÑÐµÐ»Ñ Ð¸Ð»Ð¸ ÑÑÑÑкÑÑÑÑ ÑÑого конÑенÑа.
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<blockquote>
УказÑÐ²Ð°ÐµÑ Ð½Ð° Ñо, ÑÑо заклÑÑÑннÑй в нем ÑекÑÑ ÑвлÑеÑÑÑ ÑазвÑÑнÑÑой ÑиÑаÑой. ÐбÑÑно он (ÑекÑÑ) визÑалÑно вÑделÑеÑÑÑ Ð½Ð°ÐºÐ»Ð¾Ð½Ð½Ñм (ÑмоÑÑи ÐÑимеÑание, где говоÑиÑÑÑ Ð¾ Ñом, как ÑÑо измениÑÑ). URI на иÑÑоÑник ÑиÑаÑÑ Ð¼Ð¾Ð¶Ð½Ð¾ ÑказаÑÑ Ð² аÑÑибÑÑе cite, Ñогда как ÑекÑÑовое пÑедÑÑавление иÑÑоÑника Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð·Ð°Ð´Ð°Ð½Ð¾ ÑлеменÑом <cite>
. <dd>
ÐÑедоÑÑавлÑÐµÑ Ð¿Ð¾Ð´ÑобноÑÑи или опÑеделение пÑедÑеÑÑвÑÑÑего ÑеÑмина (<dt>
) в ÑпиÑке опÑеделений (<dl>
). <div>
ЯвлÑеÑÑÑ ÑнивеÑÑалÑнÑм конÑейнеÑом Ð´Ð»Ñ Ð¿Ð¾Ñокового конÑенÑа. Ðн не влиÑÐµÑ Ð½Ð° конÑÐµÐ½Ñ Ð¸Ð»Ð¸ Ð¼Ð°ÐºÐµÑ Ð´Ð¾ ÑеÑ
поÑ, пока не бÑÐ´ÐµÑ ÑÑилизован Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ CSS. <dl>
ÐÑедÑÑавлÑÐµÑ Ñобой ÑпиÑок опиÑаний. ÐÑÐ¾Ñ ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑлÑÐ¶Ð¸Ñ ÐºÐ¾Ð½ÑейнеÑом Ð´Ð»Ñ ÑпиÑка Ð¿Ð°Ñ ÑеÑминов (опÑеделÑемÑÑ
ÑлеменÑом <dt>
) и иÑ
опиÑаний (опÑеделÑемÑÑ
ÑлеменÑами <dd>
). ÐÑÐ¾Ñ ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð¾Ð±ÑÑно иÑполÑзÑÑÑ Ð¿Ñи Ñоздании глоÑÑаÑÐ¸Ñ Ð¸Ð»Ð¸ Ð´Ð»Ñ Ð¾ÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð¼ÐµÑаданнÑÑ
(ÑпиÑка Ð¿Ð°Ñ ÐºÐ»ÑÑ-знаÑение). <dt>
ÐпÑеделÑÐµÑ ÑеÑмин в опиÑании или ÑпиÑке опÑеделений, как Ñаковой должен иÑполÑзоваÑÑÑÑ Ð²Ð½ÑÑÑи ÑлеменÑа <dl>
. ÐбÑÑно за ним ÑледÑÐµÑ ÑÐ»ÐµÐ¼ÐµÐ½Ñ <dd>
. ÐÑоме Ñого, неÑколÑко ÑлеменÑов <dt>
идÑÑие дÑÑг за дÑÑгом бÑдÑÑ ÑодеÑжаÑÑ ÑÐ²Ð¾Ñ Ð¾Ð¿Ñеделение в ÑледÑÑÑем идÑÑем за ним ÑлеменÑом<dd>
. <figcaption>
ÐÑедÑÑавлÑÐµÑ Ñобой подпиÑÑ (заголовок) или легендÑ, опиÑÑваÑÑÑÑ Ð¾ÑÑалÑнÑÑ ÑаÑÑÑ ÑодеÑжимого ÑодиÑелÑÑкого ÑлеменÑа <figure>
. <figure>
ÐÑедÑÑавлÑÐµÑ ÑамоÑÑоÑÑелÑнÑй конÑенÑ, ÑаÑÑо Ñ Ð¿Ð¾Ð´Ð¿Ð¸ÑÑÑ (заголовком), коÑоÑÐ°Ñ ÑказÑваеÑÑÑ Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ ÑлеменÑа (<figcaption>
). ÐиагÑамма и ÐµÑ Ð¿Ð¾Ð´Ð¿Ð¸ÑÑ Ð¿ÑедÑÑавлÑÐµÑ Ñобой единое Ñелое. <hr>
СлÑÐ¶Ð¸Ñ Ð´Ð»Ñ ÑемаÑиÑеÑкого ÑÐ°Ð·Ð´ÐµÐ»ÐµÐ½Ð¸Ñ Ð°Ð±Ð·Ð°Ñев. РиÑÑÐµÑ Ð³Ð¾ÑизонÑалÑнÑÑ Ð¿ÑÑмÑÑ <li>
ÐÑполÑзÑеÑÑÑ Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ ÑлеменÑов ÑпиÑка. Ðн Ñакже должен наÑ
одиÑÑÑÑ Ð² ÑодиÑелÑÑком ÑлеменÑе: ÑпоÑÑдоÑенном ÑпиÑке (<ol>
), неÑпоÑÑдоÑенном ÑпиÑке (<ul>
), или Ð¼ÐµÐ½Ñ (<menu>
). Ð Ð¼ÐµÐ½Ñ Ð¸ неÑпоÑÑдоÑеннÑÑ
ÑпиÑкаÑ
, ÑлеменÑÑ ÑпиÑка обÑÑно оÑобÑажаÑÑÑÑ Ñ Ð¼Ð°ÑкеÑами в виде кÑÑга. Ð ÑпоÑÑдоÑеннÑÑ
ÑпиÑкаÑ
, они обÑÑно оÑобÑажаÑÑÑÑ Ñ Ð¼Ð°ÑкеÑами в виде возÑаÑÑаÑÑего ÑÑÑÑÑика Ñлева, напÑÐ¸Ð¼ÐµÑ ÑиÑла или бÑквÑ. <menu>
ÐÑедÑÑавлÑÐµÑ Ð³ÑÑÐ¿Ð¿Ñ ÐºÐ¾Ð¼Ð°Ð½Ð´, коÑоÑÑе полÑзоваÑÐµÐ»Ñ Ð¼Ð¾Ð¶ÐµÑ Ð²ÑполниÑÑ Ð¸Ð»Ð¸ акÑивиÑоваÑÑ. Ðн вклÑÑÐ°ÐµÑ ÐºÐ°Ðº менÑ-ÑпиÑки, коÑоÑÑе могÑÑ Ð¾ÑобÑажаÑÑÑÑ Ð² веÑÑ
ней ÑаÑÑи ÑкÑана, Ñак и конÑекÑÑнÑе менÑ, напÑимеÑ, Ñакие, ÑÑо могÑÑ Ð¿Ð¾ÑвиÑÑÑÑ Ð¿Ð¾Ð´ кнопкой поÑле нажаÑиÑ. <ol>
ÐÑполÑзÑеÑÑÑ Ð´Ð»Ñ ÑпоÑÑдоÑенного ÑпиÑка â в ÑаÑÑноÑÑи Ð´Ð»Ñ Ð¿ÑонÑмеÑованного ÑпиÑка. <p>
ÐÑедÑÑавлÑÐµÑ Ñобой абзаÑ. ÐбзаÑÑ Ð¾Ð±ÑÑно пÑедÑÑÐ°Ð²Ð»ÐµÐ½Ñ Ð² визÑалÑной ÑÑеде в виде блоков ÑекÑÑа, оÑделÑннÑÑ
Ð¾Ñ ÑоÑедниÑ
блоков пÑÑÑÑми ÑÑÑоками и/или оÑÑÑÑпом в пеÑвой ÑÑÑоке, кÑоме ÑÑого HTML-абзаÑÑ Ð¼Ð¾Ð³ÑÑ Ð¿ÑедÑÑавлÑÑÑ Ñобой ÑÑÑÑкÑÑÑнÑÑ Ð³ÑÑппиÑÐ¾Ð²ÐºÑ Ð¾Ð´Ð½Ð¾Ñипного ÑодеÑжимого, напÑÐ¸Ð¼ÐµÑ Ð¸Ð·Ð¾Ð±Ñажений или полей ÑоÑмÑ. <pre>
ÐÑедÑÑавлÑÐµÑ Ñобой пÑедваÑиÑелÑно оÑÑоÑмаÑиÑованнÑй ÑекÑÑ, коÑоÑÑй должен бÑÑÑ Ð¿ÑедÑÑавлен ÑоÑно Ñак, как напиÑано в HTML-Ñайле. ТекÑÑ Ð¾Ð±ÑÑно оÑобÑажаеÑÑÑ Ñ Ð¸ÑполÑзованием непÑопоÑÑионалÑного ("monospace") ÑÑиÑÑа. ÐÑÐ¾Ð±ÐµÐ»Ñ Ð²Ð½ÑÑÑи ÑÑого ÑлеменÑа оÑобÑажаÑÑÑÑ ÐºÐ°Ðº запиÑаннÑе. <ul>
ÐÑполÑзÑеÑÑÑ Ð´Ð»Ñ Ð½ÐµÑпоÑÑдоÑенного ÑпиÑка - в ÑаÑÑноÑÑи Ð´Ð»Ñ Ð¼Ð°ÑкиÑованного ÑпиÑка. ÐÑÑÑоеннÑе ÑекÑÑовÑе ÑеманÑики
ÐÑполÑзÑйÑе вÑÑÑоеннÑÑ Ð² HTML ÑекÑÑовÑÑ ÑеманÑикÑ, ÑÑÐ¾Ð±Ñ Ð¾Ð¿ÑеделиÑÑ ÑмÑÑл, ÑÑÑÑкÑÑÑÑ Ð¸Ð»Ð¸ ÑÑÐ¸Ð»Ñ ÑекÑÑа, линий или ÑаÑÑи ÑекÑÑа.
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<a>
ÐпÑеделÑÐµÑ Ð³Ð¸Ð¿ÐµÑÑÑÑÐ»ÐºÑ Ð´Ð»Ñ Ð¿ÐµÑеÑ
ода на опÑеделÑнное меÑÑо на ÑÑÑаниÑе или на дÑÑгÑÑ ÑÑÑаниÑÑ Ð² ÐнÑеÑнеÑе. Также он Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¸ÑполÑзован (в ÑÑÑаÑевÑем ваÑианÑе) Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ ÑкоÑÑ â ÑÑо меÑÑо назнаÑÐµÐ½Ð¸Ñ Ð´Ð»Ñ Ð³Ð¸Ð¿ÐµÑÑÑÑлок внÑÑÑи ÑÑÑаниÑÑ: Ñак ÑÑÑлки не огÑаниÑÐµÐ½Ñ ÑолÑко в пеÑемеÑении Ð¼ÐµÐ¶Ð´Ñ ÑÑÑаниÑами. <abbr>
ÐÑедÑÑавлÑÐµÑ Ñобой аббÑевиаÑÑÑÑ Ð¸, опÑионалÑно, Ð¼Ð¾Ð¶ÐµÑ Ð¿Ð¾ÐºÐ°Ð·ÑваÑÑ ÐµÑ ÑаÑÑиÑÑовкÑ. РаÑÑиÑÑовка запиÑÑваеÑÑÑ Ð² аÑÑибÑÑ title
. ÐнÑе знаÑÐµÐ½Ð¸Ñ title
, кÑоме ÑаÑÑиÑÑовки аббÑевиаÑÑÑÑ Ð½Ðµ допÑÑкаÑÑÑÑ. <b>
ЯвлÑеÑÑÑ ÑаÑÑÑÑ ÑекÑÑа ÑÑилиÑÑиÑеÑки оÑлиÑаÑÑейÑÑ Ð¾Ñ Ð½Ð¾ÑмалÑного ÑекÑÑа, не ноÑÑÑий какого-либо ÑпеÑиалÑного знаÑÐµÐ½Ð¸Ñ Ð¸Ð»Ð¸ важноÑÑи, и как пÑавило вÑделен жиÑнÑм ÑÑиÑÑом. <bdi>
ÐзолиÑÑÐµÑ Ð¾Ñ Ð¾ÐºÑÑжаÑÑего ÑекÑÑа ÑекÑÑовÑй ÑÑагменÑ, напÑавление в коÑоÑом Ð¼Ð¾Ð¶ÐµÑ Ð¾ÑлиÑаÑÑÑÑ Ð¾Ñ Ð½Ð°Ð¿ÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¾ÐºÑÑжаÑÑего ÑекÑÑа (но не обÑзаÑелÑно оÑлиÑаеÑÑÑ). <bdo>
ÐеÑеопÑеделÑÐµÑ ÑекÑÑее напÑавление ÑекÑÑа Ñак, ÑÑо ÑекÑÑ Ð²Ð½ÑÑÑи оÑобÑажаеÑÑÑ Ð² дÑÑгом напÑавлении. <br>
УÑÑÐ°Ð½Ð°Ð²Ð»Ð¸Ð²Ð°ÐµÑ Ð¿ÐµÑевод ÑÑÑоки в ÑекÑÑе (возвÑÐ°Ñ ÐºÐ°ÑеÑки). Ðн полезен пÑи напиÑании поÑÐ¼Ñ Ð¸Ð»Ð¸ адÑеÑа, где важно деление на ÑÑÑоки. <cite>
ÐÑедÑÑавлÑÐµÑ Ð¸Ð· ÑÐµÐ±Ñ ÑÑÑÐ»ÐºÑ Ð½Ð° иÑÑоÑник ÑиÑаÑÑ. Ðн должен вклÑÑаÑÑ Ð² ÑÐµÐ±Ñ Ð½Ð°Ð·Ð²Ð°Ð½Ð¸Ðµ пÑÐ¾Ð¸Ð·Ð²ÐµÐ´ÐµÐ½Ð¸Ñ Ð¸Ð»Ð¸ URL, коÑоÑÑй Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð² ÑокÑаÑÑнном виде в ÑооÑвеÑÑÑвии Ñ Ð¿Ñавилами, иÑполÑзÑемÑÑ
Ð´Ð»Ñ Ð´Ð¾Ð±Ð°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¼ÐµÑаданнÑÑ
ÑиÑиÑованиÑ. <code>
ÐÑобÑÐ°Ð¶Ð°ÐµÑ ÐµÐ³Ð¾ ÑодеÑжимое в ÑÑиле, пÑедназнаÑенном Ð´Ð»Ñ ÑÐºÐ°Ð·Ð°Ð½Ð¸Ñ Ð½Ð° Ñо, ÑÑо ÑекÑÑ ÑвлÑеÑÑÑ ÐºÐ¾ÑоÑким ÑÑагменÑом компÑÑÑеÑного кода. Ðо ÑмолÑÐ°Ð½Ð¸Ñ ÑекÑÑ ÑодеÑжимого оÑобÑажаеÑÑÑ Ñ Ð¸ÑполÑзованием ÑÑиÑÑа монопÑоÑÑÑанÑÑва по ÑмолÑÐ°Ð½Ð¸Ñ Ð¿Ð¾Ð»ÑзоваÑелÑÑкого агенÑа. <data>
*СвÑзÑÐ²Ð°ÐµÑ Ð´Ð°Ð½Ð½Ð¾Ðµ ÑодеÑжимое Ñ Ð¼Ð°ÑиноÑиÑаемÑм пÑедÑÑавлением. ÐÑли ÑодеÑжимое оÑноÑиÑÑÑ Ðº вÑемени или даÑе, необÑ
одимо иÑполÑзоваÑÑ ÑÐ»ÐµÐ¼ÐµÐ½Ñ <time>
. <dfn>
ÐÑполÑзÑеÑÑÑ Ð´Ð»Ñ ÑÐºÐ°Ð·Ð°Ð½Ð¸Ñ ÑеÑмина, опÑеделÑемого в конÑекÑÑе ÑÑÐ°Ð·Ñ Ð¸Ð»Ð¸ пÑедложениÑ. ÐÐ»ÐµÐ¼ÐµÐ½Ñ <p>
, паÑа <dt>
/<dd>
или ÑÐ»ÐµÐ¼ÐµÐ½Ñ <section>
, коÑоÑÑй ÑвлÑеÑÑÑ Ð±Ð»Ð¸Ð¶Ð°Ð¹Ñим пÑедком <dfn>
ÑÑиÑаеÑÑÑ Ð¾Ð¿Ñеделением ÑеÑмина. <em>
ÐÑмеÑÐ°ÐµÑ Ð°ÐºÑенÑиÑÑемÑй ÑекÑÑ. ÐÐ»ÐµÐ¼ÐµÐ½Ñ <em>
Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð²Ð»Ð¾Ð¶ÐµÐ½Ð½Ñм, пÑиÑÑм каждÑй ÑÑÐ¾Ð²ÐµÐ½Ñ Ð²Ð»Ð¾Ð¶ÐµÐ½Ð½Ð¾ÑÑи ÑказÑÐ²Ð°ÐµÑ Ð½Ð° болÑÑÑÑ ÑÑÐµÐ¿ÐµÐ½Ñ Ð°ÐºÑенÑа. <i>
ÐÑедÑÑавлÑÐµÑ Ñобой оÑÑÑвок ÑекÑÑа, вÑделÑемÑй ÑÑеди пÑоÑего по опÑеделеннÑм пÑиÑинам, напÑимеÑ: идиомаÑиÑеÑкий ÑекÑÑ, ÑеÑ
ниÑеÑкие ÑеÑминÑ, ÑиÑÑемаÑиÑеÑкие обознаÑÐµÐ½Ð¸Ñ Ð¸ пÑоÑее. ÐбÑÑно оÑмеÑаеÑÑÑ ÐºÑÑÑивом, Ð¾Ñ Ñего и полÑÑил Ñвое название (Ð¾Ñ Ð°Ð½Ð³Ð». Italic). <kbd>
УказÑÐ²Ð°ÐµÑ Ð½Ð° Ñо, ÑÑо ÑекÑÑ Ð²Ð½ÑÑÑи ÑлеменÑа опиÑÑÐ²Ð°ÐµÑ Ð¿Ð¾Ð»ÑзоваÑелÑÑкий ввод Ñ ÐºÐ»Ð°Ð²Ð¸Ð°ÑÑÑÑ, голоÑовой ввод или ввод Ñ Ð¸ÑполÑзованием лÑбого дÑÑгого Ñипа ÑÑÑÑойÑÑв ввода ÑекÑÑа. Ðо обÑÐµÐ¼Ñ ÑоглаÑениÑ, user agent иÑполÑзÑÐµÑ Ð¼Ð¾Ð½Ð¾ÑиÑиннÑй ÑÑиÑÑ Ð´Ð»Ñ Ð¾ÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ ÑодеÑжимого ÑлеменÑа <kbd>
по ÑмолÑаниÑ, Ñ
оÑÑ ÑÑо и не ÑказÑваеÑÑÑ HTML ÑÑандаÑÑом Ñвно. <mark>
ÐÑедÑÑавлÑÐµÑ ÑекÑÑ, вÑделеннÑй в ÑпÑавоÑнÑÑ
ÑелÑÑ
из-за Ñвоей акÑÑалÑноÑÑи в опÑеделÑнном конÑекÑÑе. ÐапÑимеÑ, он Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¸ÑполÑзован на ÑÑÑаниÑе Ñ ÑезÑлÑÑаÑом поиÑка, в коÑоÑой вÑделÑеÑÑÑ ÐºÐ°Ð¶Ð´Ñй ÑкземплÑÑ Ð¸Ñкомого Ñлова. <q>
Indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don't require paragraph breaks; for long quotations use the <blockquote>
element. <rp>
Used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the <ruby>
element. One <rp>
element should enclose each of the opening and closing parentheses that wrap the <rt>
element that contains the annotation's text. <rt>
Specifies the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The <rt>
element must always be contained within a <ruby>
element. <ruby>
ÐÑедназнаÑен Ð´Ð»Ñ Ð´Ð¾Ð±Ð°Ð²Ð»ÐµÐ½Ð¸Ñ Ð½ÐµÐ±Ð¾Ð»ÑÑой анноÑаÑии ÑвеÑÑ
Ñ Ð¸Ð»Ð¸ ÑÐ½Ð¸Ð·Ñ Ð¾Ñ Ð·Ð°Ð´Ð°Ð½Ð½Ð¾Ð³Ð¾ ÑекÑÑа. Ð¢Ð°ÐºÐ°Ñ ÑоÑма запиÑи пÑеимÑÑеÑÑвенно иÑполÑзÑеÑÑÑ Ð´Ð»Ñ Ð¸Ð´ÐµÐ¾Ð³ÑаÑиÑеÑкой пиÑÑменноÑÑи вÑоде киÑайÑкого ÑзÑка, но Ð¼Ð¾Ð¶ÐµÑ Ð¿ÑименÑÑÑÑÑ Ð¸ Ð´Ð»Ñ Ð´ÑÑгиÑ
ÑзÑков, еÑли ÑÑебÑеÑÑÑ Ð½Ð°Ð¿Ð¸ÑаÑÑ Ð¾Ð´Ð¸Ð½ ÑекÑÑ Ð½Ð°Ð´ дÑÑгим. <s>
Renders text with a strikethrough, or a line through it. Use the <s>
element to represent things that are no longer relevant or no longer accurate. However, <s>
is not appropriate when indicating document edits; for that, use the del and ins elements, as appropriate. <samp>
Used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser's default monospaced font (such as Courier or Lucida Console). <small>
Represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from small
to x-small
. <span>
ЯвлÑеÑÑÑ Ð¾ÑновнÑм ÑÑÑоковÑм конÑейнеÑом Ð´Ð»Ñ ÑÑазового конÑенÑа, коÑоÑÑй, по ÑÑÑеÑÑвÑ, ниÑего не пÑедÑÑавлÑеÑ. Ðн Ð¼Ð¾Ð¶ÐµÑ Ð¸ÑполÑзоваÑÑÑÑ Ð´Ð»Ñ Ð³ÑÑппиÑовки ÑлеменÑов в ÑелÑÑ
ÑÑилизаÑии (иÑполÑзование аÑÑибÑÑов class
или id
) или поÑомÑ, ÑÑо они Ð¸Ð¼ÐµÐµÑ Ð¾Ð±Ñие знаÑÐµÐ½Ð¸Ñ Ð°ÑÑибÑÑов, напÑÐ¸Ð¼ÐµÑ lang
. Ðн должен бÑÑÑ Ð¸ÑполÑзован ÑолÑко когда Ð½ÐµÑ Ð´ÑÑгого подÑ
одÑÑего по ÑеманÑике ÑлеменÑа. <span>
оÑÐµÐ½Ñ Ð¿Ð¾Ñ
ож на ÑÐ»ÐµÐ¼ÐµÐ½Ñ <div>
, но <div>
ÑвлÑеÑÑÑ Ð±Ð»Ð¾ÑнÑм ÑлеменÑом, в Ñо вÑÐµÐ¼Ñ ÐºÐ°Ðº <span>
ÑвлÑеÑÑÑ ÑÑÑоÑнÑм. <strong>
УказÑÐ²Ð°ÐµÑ Ð½Ð° Ñо, ÑÑо его ÑодеÑжание Ð¸Ð¼ÐµÐµÑ Ð±Ð¾Ð»ÑÑое знаÑение, ÑеÑÑÑзноÑÑÑ Ð¸Ð»Ð¸ ÑÑоÑноÑÑÑ. ÐÑаÑзеÑÑ Ð¾Ð±ÑÑно оÑобÑажаÑÑ ÑодеÑжимое жиÑнÑм ÑÑиÑÑом. <sub>
Specifies inline text which should be displayed as subscript for solely typographical reasons. Subscripts are typically rendered with a lowered baseline using smaller text. <sup>
Specifies inline text which is to be displayed as superscript for solely typographical reasons. Superscripts are usually rendered with a raised baseline using smaller text. <time>
ÐÑполÑзÑеÑÑÑ Ð´Ð»Ñ Ð¿ÑедÑÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð»Ð¸Ð±Ð¾ вÑемени в 24-ÑаÑовом ÑоÑмаÑе, либо ÑоÑной даÑÑ Ð¿Ð¾ ÐÑигоÑианÑÐºÐ¾Ð¼Ñ ÐºÐ°Ð»ÐµÐ½Ð´Ð°ÑÑ (Ñ Ð¾Ð¿ÑионалÑнÑм Ñказанием вÑемени и ÑаÑового поÑÑа). <u>
The HTML Unarticulated Annotation Element (<u>
) represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS. <var>
Represents the name of a variable in a mathematical expression or a programming context. It's typically presented using an italicized version of the current typeface, although that behavior is browser-dependent. <wbr>
ÐÑедоÑÑавлÑÐµÑ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ Ð¿ÐµÑеноÑа Ñлова â позиÑÐ¸Ñ Ð² ÑекÑÑе, где бÑаÑÐ·ÐµÑ Ð¼Ð¾Ð¶ÐµÑ Ð¿Ð¾ Ð¶ÐµÐ»Ð°Ð½Ð¸Ñ ÑазбиÑÑ ÑÑÑокÑ, в пÑоÑивном ÑлÑÑае его пÑавила ÑазÑÑва ÑÑÑоки не бÑдÑÑ ÑоздаваÑÑ ÑазÑÑв в ÑÑом меÑÑе. ÐзобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð¸ мÑлÑÑимедиа
HTML позволÑÐµÑ Ð¸ÑполÑзоваÑÑ ÑазлиÑнÑе мÑлÑÑимедийнÑе ÑеÑÑÑÑÑ, Ñакие как изобÑажениÑ, аÑдио и видео.
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<area>
ÐпÑеделÑÐµÑ Ð°ÐºÑивнÑÑ Ð¾Ð±Ð»Ð°ÑÑÑ Ð½Ð° изобÑажении и, пÑи желании, ÑвÑзÑÐ²Ð°ÐµÑ ÐµÑ Ñ Ð³Ð¸Ð¿ÐµÑÑекÑÑовой ÑÑÑлкой. ÐÑÐ¾Ñ ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð¸ÑполÑзÑеÑÑÑ ÑолÑко внÑÑÑи ÑлеменÑа <map>
. <audio>
ÐÑполÑзÑеÑÑÑ Ð´Ð»Ñ Ð²ÑÑÑÐ°Ð¸Ð²Ð°Ð½Ð¸Ñ Ð·Ð²Ñкового конÑенÑа в докÑменÑ. Ðн Ð¼Ð¾Ð¶ÐµÑ ÑодеÑжаÑÑ Ð¾Ð´Ð¸Ð½ или более иÑÑоÑников аÑдио, пÑедÑÑавленнÑÑ
Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ Ð°ÑÑибÑÑа src
или ÑлеменÑа <source>
â бÑаÑÐ·ÐµÑ Ð²ÑбеÑÐµÑ Ð¾Ð´Ð¸Ð½ наиболее подÑ
одÑÑий. Ðн Ñак же Ð¼Ð¾Ð¶ÐµÑ Ð¿ÑедназнаÑаÑÑÑÑ Ð´Ð»Ñ Ð¿Ð¾Ñокового мÑлÑÑимедиа, иÑполÑзÑÑ Ð¸Ð½ÑеÑÑÐµÐ¹Ñ MediaStream
. <img>
ÐÑÑÑÐ°Ð¸Ð²Ð°ÐµÑ Ð¸Ð·Ð¾Ð±Ñажение в докÑменÑ. ÐÑо замеÑаемÑй ÑлеменÑ. <map>
ÐÑполÑзÑеÑÑÑ Ñ ÑлеменÑами <area>
Ð´Ð»Ñ Ð¾Ð¿ÑÐµÐ´ÐµÐ»ÐµÐ½Ð¸Ñ ÐºÐ°ÑÑÑ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ñ (инÑеÑакÑивной облаÑÑи ÑÑÑлок). <track>
ÐÑполÑзÑеÑÑÑ ÐºÐ°Ðº доÑеÑний ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð¼ÐµÐ´Ð¸Ð°-ÑлеменÑов <audio>
and <video>
. ÐозволÑÐµÑ ÑказаÑÑ ÑинÑ
ÑонизиÑованнÑе ÑекÑÑовÑе доÑожки (или даннÑе на оÑнове вÑемени), напÑимеÑ, Ð´Ð»Ñ Ð°Ð²ÑомаÑиÑеÑкой обÑабоÑки ÑÑбÑиÑÑов. Ð¤Ð°Ð¹Ð»Ñ ÑÑеков иÑполÑзÑÑÑ ÑоÑÐ¼Ð°Ñ WebVTT (.vtt
ÑайлÑ) â Web Video Text Tracks или Timed Text Markup Language (TTML). <video>
ÐÐ»Ñ Ð²ÑÑÑÐ°Ð¸Ð²Ð°Ð½Ð¸Ñ Ð²Ð¸Ð´ÐµÐ¾ конÑенÑа в докÑÐ¼ÐµÐ½Ñ Ð¸ÑполÑзÑйÑе ÑÐ»ÐµÐ¼ÐµÐ½Ñ HTML <video>. Ðидео ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð¼Ð¾Ð¶ÐµÑ ÑодеÑжаÑÑ Ð¾Ð´Ð¸Ð½ или неÑколÑко иÑÑоÑников видео. ЧÑÐ¾Ð±Ñ ÑказаÑÑ Ð¸ÑÑоÑник видео, необÑ
одимо иÑполÑзоваÑÑ Ð°ÑÑибÑÑ src или ÑÐ»ÐµÐ¼ÐµÐ½Ñ <source>
; бÑаÑÐ·ÐµÑ Ñам опÑÐµÐ´ÐµÐ»Ð¸Ñ Ð½Ð°Ð¸Ð±Ð¾Ð»ÐµÐµ подÑ
одÑÑий иÑÑоÑник. ÐÑÑÑоенное ÑодеÑжание
СодеÑжание мÑлÑÑимедийнÑÑ HTML вклÑÑÐ°ÐµÑ Ð² ÑÐµÐ±Ñ Ð´ÑÑгие маÑеÑиалÑ, даже еÑли они не вÑегда легко взаимодейÑÑвÑÑÑ.
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<embed>
ÐÑÑавлÑÐµÑ ÑаÑÑиÑеннÑй конÑÐµÐ½Ñ Ð² вÑбÑанное меÑÑо докÑменÑа. ÐÑÐ¾Ñ ÐºÐ¾Ð½ÑÐµÐ½Ñ Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¿ÑедÑÑавлен Ð¾Ñ Ð²Ð½ÐµÑнего пÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð¸Ð»Ð¸ дÑÑгого иÑÑоÑника инÑеÑакÑивного конÑенÑа, Ñакого как плагин Ð´Ð»Ñ Ð±ÑаÑзеÑа, напÑимеÑ. <iframe>
Represents a nested browsing context, embedding another HTML page into the current one. <object>
Represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin. <picture>
СлÑÐ¶Ð¸Ñ ÐºÐ¾Ð½ÑейнеÑом Ð´Ð»Ñ Ð¾Ð´Ð½Ð¾Ð³Ð¾ или более ÑлеменÑов <source>
и одного ÑлеменÑа <img>
Ð´Ð»Ñ Ð¾Ð±ÐµÑпеÑÐµÐ½Ð¸Ñ Ð¾Ð¿ÑималÑной веÑÑии изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð´Ð»Ñ ÑазлиÑнÑÑ
ÑазмеÑов ÑкÑана. ÐÑаÑÐ·ÐµÑ ÑаÑÑмоÑÑÐ¸Ñ ÐºÐ°Ð¶Ð´Ñй из доÑеÑниÑ
ÑлеменÑов <source>
и вÑбеÑÐµÑ Ð¾Ð´Ð¸Ð½, ÑооÑвеÑÑÑвÑÑÑий лÑÑÑÐµÐ¼Ñ ÑовпадениÑ; еÑли Ñовпадений ÑÑеди ÑлеменÑов <source>
найдено не бÑдеÑ, Ñо бÑÐ´ÐµÑ Ð²ÑбÑан Ñайл, ÑказаннÑй аÑÑибÑÑом src
ÑлеменÑа <img>
. ÐаÑем вÑбÑанное изобÑажение оÑобÑажаеÑÑÑ Ð² пÑоÑÑÑанÑÑве, занÑÑом ÑлеменÑом <img>
. <portal>
Enables the embedding of another HTML page into the current one for the purposes of allowing smoother navigation into new pages. <source>
УказÑÐ²Ð°ÐµÑ Ð½ÐµÑколÑко медиа-ÑеÑÑÑÑов Ð´Ð»Ñ ÑлеменÑов <picture>
, <video>
и <audio>
. ÐÑо пÑÑÑой ÑлеменÑ. Ðн обÑÑно иÑполÑзÑеÑÑÑ Ð´Ð»Ñ Ð¾Ð±ÑлÑÐ¶Ð¸Ð²Ð°Ð½Ð¸Ñ Ð¾Ð´Ð½Ð¾Ð³Ð¾ и Ñого же медиа-конÑенÑа в неÑколÑкиÑ
ÑоÑмаÑаÑ
, поддеÑживаемÑÑ
ÑазлиÑнÑми бÑаÑзеÑами. SVG and MathML
You can embed SVG and MathML content directly into HTML documents, using the <svg>
and <math>
elements.
<svg>
ÐÑедÑÑавлÑÐµÑ Ñобой конÑейнеÑ, коÑоÑÑй опÑеделÑÐµÑ Ð½Ð¾Ð²ÑÑ ÑиÑÑÐµÐ¼Ñ ÐºÐ¾Ð¾ÑÐ´Ð¸Ð½Ð°Ñ Ð¸ облаÑÑÑ Ð¿ÑоÑмоÑÑа. Ðн иÑполÑзÑеÑÑÑ, как ÑамÑй внеÑний ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð´Ð¾ÐºÑменÑов SVG, но Ñакже Ð¼Ð¾Ð¶ÐµÑ Ð¸ÑполÑзоваÑÑÑÑ Ð´Ð»Ñ Ð²ÑÑÑÐ°Ð¸Ð²Ð°Ð½Ð¸Ñ ÑÑагменÑа SVG в докÑÐ¼ÐµÐ½Ñ SVG или HTML. <math>
ÐлеменÑом веÑÑ
него ÑÑÐ¾Ð²Ð½Ñ Ð² MathML ÑвлÑеÑÑÑ ÑÑг <math>
. ÐаждÑй допÑÑÑимÑй ÑкземплÑÑ MathML должен бÑÑÑ Ð²Ð½ÑÑÑи ÑÑого конÑейнеÑа. Ðн не допÑÑÐºÐ°ÐµÑ Ð²Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹, но внÑÑÑи Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¿ÑоизволÑное ÑиÑло дÑÑгиÑ
доÑеÑниÑ
ÑлеменÑов. СкÑипÑинг
ЧÑÐ¾Ð±Ñ ÑоздаваÑÑ Ð´Ð¸Ð½Ð°Ð¼Ð¸ÑеÑкий конÑÐµÐ½Ñ Ð¸ веб-пÑиложениÑ, HTML поддеÑÐ¶Ð¸Ð²Ð°ÐµÑ Ð¸ÑполÑзование ÑкÑипÑовÑÑ ÑзÑков, наиболее извеÑÑнÑм ÑвлÑеÑÑÑ JavaScript. ÐекоÑоÑÑе ÑлеменÑÑ Ð¿Ð¾Ð´Ð´ÐµÑживаÑÑ ÑÑÑ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ.
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<canvas>
ÐÐ¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¸ÑполÑзован Ð´Ð»Ñ Ð¾ÑÑиÑовки гÑаÑики пÑи помоÑи ÑкÑипÑов (обÑÑно иÑполÑзÑеÑÑÑ JavaScript). ÐапÑимеÑ, его можно иÑполÑзоваÑÑ Ð´Ð»Ñ Ð¾ÑÑиÑовки гÑаÑиков, делаÑÑ ÐºÐ¾Ð¼Ð¿Ð¾Ð·Ð¸Ñии ÑоÑо или даже вÑполнÑÑÑ Ð°Ð½Ð¸Ð¼Ð°Ñии. ÐÑ Ð¼Ð¾Ð¶ÐµÑе (и должнÑ) даÑÑ Ð°Ð»ÑÑеÑнаÑивное ÑодеÑжание внÑÑÑи блока <canvas>
. ÐÑÐ¾Ñ ÐºÐ¾Ð½ÑÐµÐ½Ñ Ð±ÑÐ´ÐµÑ ÑендеÑиÑÑÑ Ð² обоиÑ
бÑаÑзеÑаÑ
, в ÑÑаÑÑÑ
коÑоÑÑе не поддеÑживаÑÑ canvas и в бÑаÑзеÑаÑ
Ñ Ð¾ÑклÑÑÑннÑм JavaScript. <noscript>
ÐпÑеделÑÐµÑ ÑекÑÐ¸Ñ HTML кода, коÑоÑÐ°Ñ Ð±ÑÐ´ÐµÑ Ð²ÑÑавлена, еÑли в бÑаÑзеÑе полÑзоваÑÐµÐ»Ñ Ð½ÐµÑ Ð»Ð¸Ð±Ð¾ оÑклÑÑена поддеÑжка JavaScript. <script>
ÐÑполÑзÑеÑÑÑ Ð´Ð»Ñ Ð²ÑÑÑÐ°Ð¸Ð²Ð°Ð½Ð¸Ñ Ð¸Ð»Ð¸ подклÑÑÐµÐ½Ð¸Ñ Ð¸ÑполнÑемого JavaScript кода. ÐÐ»ÐµÐ¼ÐµÐ½Ñ <script>
Ñакже Ð¼Ð¾Ð¶ÐµÑ Ð¸ÑполÑзоваÑÑÑÑ Ñ Ð´ÑÑгими ÑзÑками, Ñакими как GLSL Ð¾Ñ WebGL. РазгÑаниÑиÑелÑнÑе пÑавки
ÐÑи ÑлеменÑÑ Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÑÑ Ð²Ð°Ð¼ оÑмеÑиÑÑ Ð¾Ð¿ÑеделÑннÑе ÑаÑÑи ÑекÑÑа.
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<del>
ÐÑедÑÑавлÑÐµÑ Ð´Ð¸Ð°Ð¿Ð°Ð·Ð¾Ð½ ÑекÑÑа, коÑоÑÑй бÑл ÑдалÑн из докÑменÑа. Ðн Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¸ÑполÑзован, напÑимеÑ, пÑи оÑобÑажении "оÑÑÐ»ÐµÐ¶Ð¸Ð²Ð°Ð½Ð¸Ñ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ð¹" или ÑазлиÑий в иÑÑ
одном коде. ÐÐ»ÐµÐ¼ÐµÐ½Ñ <ins>
можно иÑполÑзоваÑÑ Ð´Ð»Ñ Ð¿ÑоÑивоположной Ñели: Ñказание ÑекÑÑа, коÑоÑÑй бÑл добавлен в докÑменÑ. <ins>
ÐÑедÑÑавлÑÐµÑ Ñобой диапазон ÑекÑÑа, коÑоÑÑй бÑл добавлен в докÑÐ¼ÐµÐ½Ñ Ð¡Ð¾Ð´ÐµÑжание ÑаблиÑ
ÐÑи ÑлеменÑÑ Ð¸ÑполÑзÑÑÑÑÑ Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð¸ обÑабоÑки ÑаблиÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ .
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<caption>
ÐпÑеделÑÐµÑ Ð½Ð°Ð·Ð²Ð°Ð½Ð¸Ðµ (заголовок) ÑаблиÑÑ. ÐÑли ÑÑÐ¾Ñ ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð¸ÑполÑзÑеÑÑÑ, он вÑегда должен бÑÑÑ Ð¿ÐµÑвÑм вложеннÑм ÑлеменÑом ÑÑга <table>
. ÐнеÑний вид и ÑаÑположение заголовка по оÑноÑÐµÐ½Ð¸Ñ Ðº Ñамой ÑаблиÑе Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¾ Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ ÑÑилей CSS caption-side
and text-align
. <col>
ÐпÑеделÑÐµÑ ÑÑÐ¾Ð»Ð±ÐµÑ Ð² ÑаблиÑе и иÑполÑзÑеÑÑÑ Ð´Ð»Ñ Ð¾Ð¿ÑÐµÐ´ÐµÐ»ÐµÐ½Ð¸Ñ Ð¾Ð±Ñей ÑеманÑики на вÑеÑ
ÑÑейкаÑ
. ÐбÑÑно он наÑ
одиÑÑÑ Ð² ÑлеменÑе <colgroup>
. <colgroup>
Defines a group of columns within a table. <table>
Represents tabular data â that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data. <tbody>
Encapsulates a set of table rows (<tr>
elements), indicating that they comprise the body of the table (<table>
). <td>
ÐпÑеделÑÐµÑ ÑÑÐµÐ¹ÐºÑ ÑаблиÑÑ ÐºÐ¾ÑоÑÐ°Ñ ÑодеÑÐ¶Ð¸Ñ Ð´Ð°Ð½Ð½Ñе. УÑаÑÑвÑÐµÑ Ð² ÑаблиÑной модели. <tfoot>
ÐпÑеделÑÐµÑ Ð½Ð°Ð±Ð¾Ñ ÑÑÑок ÑÑммиÑÑÑÑиÑ
ÑÑолбÑÑ ÑаблиÑÑ. <th>
Defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope
and headers
attributes. <thead>
Defines a set of rows defining the head of the columns of the table. <tr>
Defines a row of cells in a table. The row's cells can then be established using a mix of <td>
(data cell) and <th>
(header cell) elements. ФоÑмÑ
HTML ÑодеÑÐ¶Ð¸Ñ Ð½ÐµÐºÐ¾ÑоÑое колиÑеÑÑво ÑлеменÑов, коÑоÑÑе иÑполÑзÑÑÑÑÑ Ð²Ð¼ÐµÑÑе Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ ÑоÑм, коÑоÑÑе полÑзоваÑÐµÐ»Ñ Ð¼Ð¾Ð¶ÐµÑ Ð·Ð°Ð¿Ð¾Ð»Ð½Ð¸ÑÑ Ð¸ оÑпÑавиÑÑ Ð½Ð° ÑеÑвеÑ. ÐоÑÑÑпно множеÑÑво инÑоÑмаÑии по ÑÑой Ñеме в ÑÑководÑÑве по HTML ÑоÑмам.
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<button>
СоздаÑÑ Ð¸Ð½ÑеÑакÑивнÑÑ ÐºÐ½Ð¾Ð¿ÐºÑ, коÑоÑÐ°Ñ Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¸ÑполÑзована в ÑоÑмаÑ
или в лÑбом дÑÑгом меÑÑе докÑменÑа, коÑоÑÑй ÑÑебÑÐµÑ Ð¿ÑоÑÑой, ÑÑандаÑÑной кнопки. Ðо ÑмолÑаниÑ, кнопки HTML обÑÑно пÑедÑÑÐ°Ð²Ð»ÐµÐ½Ñ Ð² ÑÑиле, аналогиÑном ÑÑÐ¸Ð»Ñ Ñ
оÑÑ-плаÑÑоÑмÑ, на коÑоÑой ÑабоÑÐ°ÐµÑ user agent, но Ð²Ñ Ð¼Ð¾Ð¶ÐµÑе измениÑÑ Ð²Ð½ÐµÑний вид кнопки, иÑполÑзÑÑ CSS. <datalist>
СодеÑÐ¶Ð¸Ñ Ð½Ð°Ð±Ð¾Ñ Ð¾Ð¿Ñий (<option>
), доÑÑÑпнÑÑ
Ð´Ð»Ñ Ð²ÑбоÑа. ÐÑбÑанное знаÑение бÑÐ´ÐµÑ ÑÑÑановлено Ð´Ð»Ñ ÑлеменÑа <input>
, Ñ Ð°ÑÑибÑÑом list
. <fieldset>
ÐÑполÑзÑеÑÑÑ Ð´Ð»Ñ Ð³ÑÑппиÑовки неÑколÑкиÑ
ÑлеменÑов ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð² веб-ÑоÑме. <form>
ÐÑедÑÑавлÑÐµÑ (Ñобой) Ñаздел докÑменÑа, ÑодеÑжаÑий инÑеÑакÑивнÑе ÑлеменÑÑ ÑпÑавлениÑ, коÑоÑÑе позволÑÑÑ Ð¿Ð¾Ð»ÑзоваÑÐµÐ»Ñ Ð¾ÑпÑавлÑÑÑ Ð¸Ð½ÑоÑмаÑÐ¸Ñ Ð½Ð° веб-ÑеÑвеÑ. <input>
ÐÑполÑзÑеÑÑÑ Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð¸Ð½ÑеÑакÑивнÑÑ
ÑлеменÑов ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð² веб-ÑоÑмаÑ
Ð´Ð»Ñ Ð¿Ð¾Ð»ÑÑÐµÐ½Ð¸Ñ Ð´Ð°Ð½Ð½ÑÑ
Ð¾Ñ Ð¿Ð¾Ð»ÑзоваÑелÑ; в завиÑимоÑÑи Ð¾Ñ ÑÑÑÑойÑÑва и user agent, доÑÑÑпен ÑиÑокий вÑÐ±Ð¾Ñ Ñипов вÑ
однÑÑ
даннÑÑ
и виджеÑов ÑпÑавлениÑ. Ðз-за огÑомного колиÑеÑÑва возможнÑÑ
ÑоÑеÑаний Ñипов ввода и аÑÑибÑÑов ÑÑо один из ÑамÑÑ
моÑнÑÑ
и ÑложнÑÑ
ÑлеменÑов HTML. <label>
ÐÑедÑÑавлÑÐµÑ Ñобой подпиÑÑ Ðº ÑлеменÑÑ Ð¿Ð¾Ð»ÑзоваÑелÑÑкого инÑеÑÑейÑа. <legend>
ÐÑедÑÑавлÑÐµÑ Ñобой заголовок ÑодеÑÐ¶Ð°Ð½Ð¸Ñ ÑодиÑелÑÑкого ÑлеменÑа <fieldset>
. <meter>
ÐÑедÑÑавлÑÐµÑ Ñобой ÑкалÑÑное знаÑение в пÑеделаÑ
извеÑÑного диапазона или дÑобного знаÑениÑ. <optgroup>
ÐозволÑÐµÑ Ð³ÑÑппиÑоваÑÑ Ð¾Ð¿Ñии, наÑ
одÑÑиеÑÑ Ð²Ð½ÑÑÑи ÑлеменÑа <select>
. <option>
ÐÑполÑзÑеÑÑÑ Ð´Ð»Ñ Ð¾Ð¿ÑÐµÐ´ÐµÐ»ÐµÐ½Ð¸Ñ Ð¿ÑнкÑа ÑпиÑка конÑейнеÑа <select>
, ÑлеменÑа <optgroup>
, или ÑлеменÑа <datalist>
. ÐÐ»ÐµÐ¼ÐµÐ½Ñ <option>
Ð¼Ð¾Ð¶ÐµÑ Ð¿ÑедÑÑавлÑÑÑ Ñаздел Ð¼ÐµÐ½Ñ Ð²ÑплÑваÑÑиÑ
окон и дÑÑгиÑ
пеÑеÑней или ÑпиÑков HTML докÑменÑа. <output>
ЯвлÑеÑÑÑ ÐºÐ¾Ð½ÑейнеÑнÑм ÑлеменÑом, в коÑоÑом ÑÐ°Ð¹Ñ Ð¸Ð»Ð¸ пÑиложение могÑÑ Ð²ÑводиÑÑ ÑезÑлÑÑаÑÑ Ð²ÑÑиÑлений или дейÑÑвий полÑзоваÑелÑ. <progress>
ÐÑобÑÐ°Ð¶Ð°ÐµÑ Ð¸Ð½Ð´Ð¸ÐºÐ°ÑоÑ, показÑваÑÑий Ñ
од вÑÐ¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ Ð·Ð°Ð´Ð°Ñи, обÑÑно оÑобÑажаемÑй в виде пÑогÑеÑÑ Ð±Ð°Ñа (индикаÑоÑа вÑполнениÑ). <select>
ÐÑедÑÑавлÑÐµÑ Ñобой ÑÐ»ÐµÐ¼ÐµÐ½Ñ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ ÐºÐ¾ÑоÑÑй ÑодеÑÐ¶Ð¸Ñ Ð¼ÐµÐ½Ñ Ð¾Ð¿Ñий: <textarea>
Represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form. ÐнÑеÑакÑивнÑе ÑлеменÑÑ
HTML ÑодеÑÐ¶Ð¸Ñ Ð² Ñебе ÑлеменÑÑ, коÑоÑÑе помогаÑÑ ÑоздаваÑÑ Ð¸Ð½ÑеÑакÑивнÑе обÑекÑÑ Ð¿Ð¾Ð»ÑзоваÑелÑÑкого инÑеÑÑейÑа.
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<details>
ÐÑполÑзÑеÑÑÑ Ð´Ð»Ñ ÑаÑкÑÑÑÐ¸Ñ ÑкÑÑÑой (дополниÑелÑной) инÑоÑмаÑии. <dialog>
ÐпÑеделÑÐµÑ Ð´Ð¸Ð°Ð»Ð¾Ð³Ð¾Ð²Ð¾Ðµ окно или дÑÑгой инÑеÑакÑивнÑй ÑлеменÑ, Ñакой как инÑпекÑÐ¾Ñ Ð¸Ð»Ð¸ окно. ÐлеменÑÑ <form>
могÑÑ Ð¸Ð½ÑегÑиÑоваÑÑÑÑ Ñ Ð´Ð¸Ð°Ð»Ð¾Ð³Ð¾Ð¼ Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ ÑÐºÐ°Ð·Ð°Ð½Ð¸Ñ Ð°ÑÑибÑÑа method="dialog"
. Ðогда оÑпÑавлÑеÑÑÑ ÑÐ°ÐºÐ°Ñ ÑоÑма, диалог закÑÑваеÑÑÑ Ñ returnValue ÑавнÑм value нажаÑой кнопки submit. <summary>
The HTML Disclosure Summary element (<summary>
) element specifies a summary, caption, or legend for a <details>
element's disclosure box. Clicking the <summary>
element toggles the state of the parent <details>
element open and closed. Ðеб-компоненÑÑ
Ðеб-компоненÑÑ - ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸Ñ, оÑноÑÑÑаÑÑÑ Ðº HTML и делаÑÑÐ°Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ñм Ñоздание и иÑполÑзование полÑзоваÑелÑÑÐºÐ¸Ñ ÑлеменÑов, как бÑдÑо они в обÑÑном HTML. ÐÑоме Ñого, Ð²Ñ Ð¼Ð¾Ð¶ÐµÑе даже ÑоздаваÑÑ Ñвои веÑÑии ÑÑандаÑÑа HTML ÑлеменÑов.
ÐÑимеÑание: ÐÑи ÑлеменÑÑ Ð¾Ð¿ÑÐµÐ´ÐµÐ»ÐµÐ½Ñ Ð² World Wide Web Consortium (W3C) Web Components collection of specifications ÑкоÑее, Ñем в HTML ÑпеÑиÑикаÑии. Ð ÑÐ¾Ð¼Ñ Ð¶Ðµ, ÑпеÑиÑикаÑÐ¸Ñ Ðеб-компоненÑов не завеÑÑена и ÑвлÑеÑÑÑ Ñемой Ð´Ð»Ñ Ð¾Ð±ÑÑждений.
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<slot>
ЯвлÑеÑÑÑ ÑаÑÑÑÑ Ð½Ð°Ð±Ð¾Ñа ÑеÑ
нологии Web Components, ÑвлÑеÑÑÑ Ð·Ð°Ð¿Ð¾Ð»Ð½Ð¸Ñелем внÑÑÑи веб компоненÑа, коÑоÑÑй можно заполниÑÑ ÑобÑÑвенной ÑазмеÑкой, коÑоÑÐ°Ñ Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÐµÑ ÑоздаваÑÑ Ð¾ÑделÑнÑе деÑевÑÑ DOM и пÑедÑÑавлÑÑÑ Ð¸Ñ
вмеÑÑе. <template>
ÐÑедÑÑавлÑÐµÑ Ñобой меÑ
анизм Ð´Ð»Ñ Ð¾Ñложенного ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ ÐºÐ»Ð¸ÐµÐ½ÑÑкого конÑенÑа, коÑоÑÑй не оÑобÑажаеÑÑÑ Ð²Ð¾ вÑÐµÐ¼Ñ Ð·Ð°Ð³ÑÑзки ÑÑÑаниÑÑ, но Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¸Ð½Ð¸ÑиализиÑован пÑи помоÑи JavaScript. УÑÑаÑевÑие и оÑÑждаемÑе ÑлеменÑÑ
ÐÑедÑпÑеждение: ÐÑи HTML-ÑлеменÑÑ ÑвлÑÑÑÑÑ ÑÑÑаÑевÑими, и Ð¸Ñ Ð¸ÑполÑзование не ÑекомендÑеÑÑÑ. ÐÑ Ð½Ðµ Ð´Ð¾Ð»Ð¶Ð½Ñ Ð¸ÑполÑзоваÑÑ Ð¸Ñ Ð´Ð»Ñ Ð½Ð¾Ð²ÑÑ Ð¿ÑоекÑов, а Ñакже Ð´Ð¾Ð»Ð¶Ð½Ñ Ð·Ð°Ð¼ÐµÐ½Ð¸ÑÑ Ð¸Ñ Ð² ÑÑаÑÑÑ Ð¿ÑоекÑÐ°Ñ ÐºÐ°Ðº можно бÑÑÑÑее. Ðни пеÑеÑиÑÐ»ÐµÐ½Ñ Ð·Ð´ÐµÑÑ ÑолÑко в инÑоÑмаÑионнÑÑ ÑелÑÑ .
ÐÐ»ÐµÐ¼ÐµÐ½Ñ ÐпиÑание<acronym>
ÐозволÑÐµÑ Ñвно ÑказаÑÑ, ÑÑо Ð´Ð°Ð½Ð½Ð°Ñ Ð¿Ð¾ÑледоваÑелÑноÑÑÑ Ð±Ñкв, ÑвлÑÑÑÑÑÑÑ Ð°ÐºÑонимом или аббÑевиаÑÑÑой. <bgsound>
Sets up a sound file to play in the background while the page is used; use <audio>
instead. <big>
Renders the enclosed text at a font size one level larger than the surrounding text (medium
becomes large
, for example). The size is capped at the browser's maximum permitted font size. <center>
Displays its block-level or inline contents centered horizontally within its containing element. <content>
An obsolete part of the Web Components suite of technologiesâwas used inside of Shadow DOM as an insertion point, and wasn't meant to be used in ordinary HTML. It has now been replaced by the <slot>
element, which creates a point in the DOM at which a shadow DOM can be inserted. <dir>
Container for a directory of files and/or folders, potentially with styles and icons applied by the user agent. Do not use this obsolete element; instead, you should use the <ul>
element for lists, including lists of files. <font>
ÐпÑеделÑÐµÑ ÑÐ°Ð·Ð¼ÐµÑ ÑÑиÑÑа, ÑвеÑа и лиÑо Ð´Ð»Ñ ÐµÐ³Ð¾ ÑодеÑжимого <frame>
Defines a particular area in which another HTML document can be displayed. A frame should be used within a <frameset>
. <frameset>
Used to contain <frame>
elements. <image>
ÐÐ»ÐµÐ¼ÐµÐ½Ñ HTML <image>
бÑл ÑкÑпеÑименÑалÑнÑм ÑлеменÑом, пÑедназнаÑеннÑй Ð´Ð»Ñ Ð¾ÑобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð¸Ð·Ð¾Ð±Ñажений. Ðн никогда не бÑл Ñеализован, вмеÑÑо него должен иÑполÑзоваÑÑÑÑ ÑÑандаÑÑнÑй ÑÐ»ÐµÐ¼ÐµÐ½Ñ <img>
. <marquee>
Used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes. <menuitem>
HTML-ÑÐ»ÐµÐ¼ÐµÐ½Ñ <marquee>
иÑполÑзÑеÑÑÑ Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð½Ð° ÑÑÑаниÑе пÑокÑÑÑиваÑÑегоÑÑ ÑекÑÑа (бегÑÑей ÑÑÑоки). <nobr>
Prevents the text it contains from automatically wrapping across multiple lines, potentially resulting in the user having to scroll horizontally to see the entire width of the text. <noembed>
An obsolete, non-standard way to provide alternative, or "fallback", content for browsers that do not support the embed element or do not support the type of embedded content an author wishes to use. This element was deprecated in HTML 4.01 and above in favor of placing fallback content between the opening and closing tags of an <object>
element. <noframes>
Provides content to be presented in browsers that don't support (or have disabled support for) the <frame>
element. Although most commonly-used browsers support frames, there are exceptions, including certain special-use browsers including some mobile browsers, as well as text-mode browsers. <param>
Defines parameters for an <object>
element. <plaintext>
Renders everything following the start tag as raw text, ignoring any following HTML. There is no closing tag, since everything after it is considered raw text. <rb>
Used to delimit the base text component of a ruby annotation, i.e. the text that is being annotated. One <rb>
element should wrap each separate atomic segment of the base text. <rtc>
Embraces semantic annotations of characters presented in a ruby of <rb>
elements used inside of <ruby>
element. <rb>
elements can have both pronunciation (<rt>
) and semantic (<rtc>
) annotations. <shadow>
An obsolete part of the Web Components technology suite that was intended to be used as a shadow DOM insertion point. You might have used it if you have created multiple shadow roots under a shadow host. <spacer>
Allows insertion of empty spaces on pages. It was devised by Netscape to accomplish the same effect as a single-pixel layout image, which was something web designers used to use to add white spaces to web pages without actually using an image. However, <spacer>
is no longer supported by any major browser and the same effects can now be achieved using simple CSS. <strike>
Places a strikethrough (horizontal line) over text. <tt>
Creates inline text which is presented using the user agent default monospace font face. This element was created for the purpose of rendering text as it would be displayed on a fixed-width display such as a teletype, text-only screen, or line printer. <xmp>
Renders text between the start and end tags without interpreting the HTML in between and using a monospaced font. The HTML2 specification recommended that it should be rendered wide enough to allow 80 characters per line.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4