html5 HTML
attr rel MIME-типы < !--comments-->
is obsolete
< center> / is obsolete
< MARQUEE> /
a href="#" id="id" target="_blank" title="title" rel="" accesskey="t" type="text/html" download=""
target="_self"
target="_top"
target="_parent"

href="mailto:asd@mail.com?subject=Hellow%20again" написать письмо
href="tel:+72346543867" +7 234 654 38 67
href="skype:test_login" написать в скайп
< a href="#c6"> / < a id="c6"> / 
    < pre> / Lorem ipsum dolor sit amet,
   consectetur adipisicing elit. 
  Odio assumenda quis recusandae 
  laborum ipsa aut quibusdam distinctio? 
  Hic, nihil nulla veritatis! 
  Excepturi iure culpa deleniti 
  molestiae corporis autem maiores, illo!
< blockquote> / Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit consectetur libero ducimus ipsa minima incidunt, rem, harum, iure nihil quos illum, sed cumque! Consequuntur eos excepturi qui, ipsam reiciendis recusandae!
< p dir="ltr"> /

bdi is not supported - указывает фрагмент текста, который должен быть

изолирован от изменения направления вывода текста. (HTML5).

  Теги физического формирования:
< b> - придает тексту жирное начертание.
< bdo dir="rtl"> - устанавливает направление вывода текста.
< i> - придает тексту курсивное начертание.
< s> - отображает текст как перечеркнутый.
< u> - подчеркнутый текст
< small> - делает текст на одну условную единицу меньше.
< big>  is obsolete- делает текст на одну условную единицу больше.
< sup> - помещает содержимое в верхний индекс.
< sub> - помещает содержимое в нижний индекс.


  Теги логического формирования: 
< abbr title="abbr"> / - аббревиатура
< cite> / - текст является сноской или цитатой.
< code> / - предназначен для хранения текста, который представляет собой программный код.
< strong> / - задает тексту жирное начертание.
< em> / - задает тексту курсивное начертание.
< del cite="#" datetime="2019-04-12"> / - используется для выделения текста, который был удален в новой версии документа.
< ins cite="#" datetime="2019-04-12T18:18:18+03:00"> / - предназначен для выделения текста, который был добавлен в новую версию документа.
< mark> / - помечает текст как выделенный.
< q cite="#"> / - выделяет текст в цитату.
< samp> / - текст, который выводится в результате работы какой-либо программы.
< var> / - используется для выделения переменных компьютерных программ.

& lt ; < Знак меньше
& gt ; > Знак больше
& nbsp ;   Символ неразрывного пробела
& shy ; ­ Символ мягкого переноса
& rdquo ; ” Правая двойная кавычка
& ldquo ; “ Левая двойная кавычка
& amp ; & Символ амперсанда&

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error eligendi ab ipsum totam ratione autem architecto optio minima adipisci ducimus. Hic magnam voluptate porro soluta laudantium perferendis reprehenderit, velit consequuntur. Unde nam fugiat, nobis saepe veritatis quibusdam, voluptates placeat pariatur voluptatum! Pariatur quos vel dolor voluptatibus nostrum. Tempora, assumenda, minima? Nihil ducimus ab ex reiciendis, assumenda est dignissimos dolorum nobis. Quam expedita minima, magni quia a eius exercitationem deserunt excepturi magnam non maxime qui aperiam in, saepe nihil, quos architecto reprehenderit quibusdam est natus, rerum impedit voluptatibus cupiditate repellendus dolores. 

    < img src="html5.jpg" alt="" align="right" width="100%" usemap="#map1">
    < map name="map1">
      < area shape="rect" coords="123, 234, 345, 456" href="" alt="" title="rect">
      < area shape="circle" coords="123, 430, 100" href="" alt="" title="circle">
      < area shape="poly" coords="78, 12, 34, 45, 56, 67, 78, 89, 90, 12" href="" alt="" title="poly">
    < /map>
caption
th 2 3 4 thead 6 7
tfoot e
tbody rowspan colspan
1 1 
    < table border="1" cellspacing="5" cellpadding="3" width="300" height="200">

      < thead>tr*1>td*7
      < tfoot>tr*1>td*7
      < tbody>tr*3>td*7
colgroup 2001 2002 2003 2004 2005 2006 2007 2008 2009
dssg 1 2 3 4 5 6 7 8 9
  1. < ol type="A">
  2. t
  3. y
  4. h
  1. < ol type="a">
  2. t
  3. y
  4. h
  1. < ol type="I">
  2. t
  3. y
  4. h
  1. < ol reversed>
  2. t
  3. y
  4. h
  1. ol start="5"
  2. li value="8"
  3. y
  4. h
dl
dt
dd
dt
dd

p contenteditable="true" Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore earum officia nisi, laboriosam, laborum nulla numquam esse consequuntur tempora ab natus magni, saepe itaque expedita architecto soluta blanditiis rerum suscipit.

< figure> < img> < figcaption> text < /figcaption> < /figure>
figure
figcaption
< details> < summary> / /
summary показать

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore nihil laboriosam, ipsa repudiandae harum neque blanditiis unde ex ipsam dicta porro tenetur ad expedita! Unde ducimus tempore, error dolorum consequuntur!

< time datetime="2019-04-17"> /
< form oninput="result.value=(cm.value/2.54).toFixed(2)">

Введите длину в сантиметрах:input type="number" name="cm"

Длина в дюймах: output name="result"0

ruby rp if not support rt аннотация

25декабрь

ruby>rt

 Элемент audio используется для внедрения звукового контента на веб-страницу.
        Имеет следующие атрибуты:
            - autoplay - автоматическое воспроизведение аудиофайла.
            - controls - указывает, что нужно отобразить элементы управления воспроизведением.
            - loop - циклическое воспроизведение аудиофайла.
            - muted - выключить звук при воспроизведении.
            - preload - предварительная загрузка контента. Некоторые браузеры игнорируют. Имеет следующие значения:
                - auto - загружает файл полностью.
                - metadata - загружается только небольшая часть файла, чтобы определить основные характеристики.
                - none - отсутствие автоматической загрузки.
            - src - содержит путь к аудиофайлу.

    < audio controls> 
        < source src="../yas.mp3">
        < source src="../yas.ogg">
        Браузер не поддерживает воспроизведение звуковых медиафайлов!        
    < /audio>
     
    Тег video используется для добавления видео контента на веб-станицу.
        Имеет те же атрибуты что и тег audio, и несколько дополнительных:
            - height - задает высоту окна для отображения видеоданных.
            - poster - позволяет задать путь к изображению, которое будет отображаться до воспроизведения видеофайла.
            - width - задает ширину окна для отображения видеоданных.

    < video controls width="480" preload>
        < source src="../era.mpg" />
    < /video>
download

form

< form action="*.html" method="post | get" enctype="text/plain | multipart/form-data" autocomplete="on" >
novalidate -отменяет проверку заполнености и соответствия
< input type="checkbox" checked >
< input type="color" >
< input type="date" >
< input type="email" placeholder="user@gmail.com" autofocus>
< input type="hidden" >
< input type="image" >
< input type="month" >
< input type="number" min="10" max="100" step="5" >
< input type="password" placeholder="введите пароль" required >
< input type="password" name="pass" value="password" required >
< input type="phone" >
< input type="radio" name="R1" > дожно совпадать имя
< input type="range" >
< input type="reset" >
< input type="search" >
< input type="submit" >
< input type="submit" value="отправить" >
< input type="tel" pattern="\d{3}-\d{3}-\d{4}" placeholder="xxx-xxx-xxxx" >
< input type="text" name="inp" value="some value" >
< input type="text" name="login" value="login" required>
< input type="time" >
< input type="url" >
< input type="week" >
< textarea cols="30" rows="10" placeholder="оставьте комментарий">< /textarea> 

  < input type="text" list="price" >
    < datalist id="price" >
      < option value="10" >
    < / datalist >

< input type="file" multiple / > 
               Для отправки файла на сервер, у формы должен быть установлен атрибут enctype="multipart/form-data".
               Атрибуты:
                - accept    - устанавливает тип файлов, которые допустимы для выбора.
                - multiple  - позволяет выбирать множество файлов.
                - required  - требует обязательного выбора файла.

< select name="w2" multiple>
  < option selected disabled> выберите < /option>
  < option value="1">23< /option>
  < option value="2">34< /option>
  < optgroup label="iphone">
     < option value="3"> iphone4 < /option>
     < option value="4"> iphone5 < /option>
     < option value="5"> iphone6 < /option>
  < /optgroup>
  < option value="6">< /option>
  < option value="7">< /option>
< /select>

< fieldset> < legend> text < /legend> < p> lorem < /p> < /fieldset>
text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime assumenda adipisci, temporibus dignissimos, id animi voluptate repellat modi, facilis non sit fugiat veniam ullam. Ratione accusamus, sunt in quaerat officiis.

< meter value="44" max="100" min="0" low="40" high="60" optimum="50"> /
< progress value="56" max="78"> /
meta http-equiv="refresh" content="30"
- refresh — время (в секундах), через которое произойдет автоматическая перезагрузка документа или переход на другую html-страницу 
meta name="robots" content="noindex, nofollow"
        robots — мета-тег, который отвечает за настройки индексирования страницы. Может иметь следующие значения: 
            - index — страница индексируется;
            - noindex — страница не индексируется;
            - follow — гиперссылки на странице учитываются;
            - nofollow — гиперссылки на странице не учитываются
            - all — заменяет «index» и «follow», т.е. страница индексируется и гиперссылки на ней учитываются (действует по умолчанию);
            - none — заменяет «noindex» и «nofollow», т.е. страница не индексируется и гиперссылки на ней не учитываются.
meta name="author" content="Иван Сидоров"
meta name="copyright" content="Права принадлежат Пете Пяточкину."
Метатеги author и copyright позволяют указать автора страницы и владельца.
< atr contextmenu="name" >< menu type="context" id="name" >< menuitem onclick="" > text < /menuitem >< /menu >

text text