Главная страница>Учебник по веб-дизайну>Учебник по HTML

Zen html elements Друзья, которые используют дзен кодирование, могут добавить это в закладки

Автор：Eve Cole Время обновления：2025-05-29 03:16:01

html

 <html> </html>

html: xml

 <html xmlns = http: //www.w3.org/1999/xhtml xml: lang = ru> </html>

html: 4t

 <! Doctype html public -// w3c // dtd html 4.01 Transitional // en http://www.w3.org/tr/html4/loose.dtd>
 <html lang = ru>
 <голова>
 <title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8>
 </head>
 <тело>
 </body>
 </html>

HTML: 4S

 <! Doctype html public -// w3c // dtd html 4.01 // en http://www.w3.org/tr/html4/strict.dtd>
 <html lang = ru>
 <голова>
 <title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8>
 </head>
 <тело>
 </body>
 </html>

HTML: XT

 <! Doctype html public -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
 <html xmlns = http: //www.w3.org/1999/xhtml xml: lang = ru>
 <голова>
 <title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <тело>
 </body>
 </html>

html: xs

 <! Doctype html public -// w3c // dtd xhtml 1.0 strict // en http://www.w3.org/tr/xhtml1/dtd/xhtml1strict.dtd>
 <html xmlns = http: //www.w3.org/1999/xhtml xml: lang = ru>
 <голова>
 <title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <тело>
 </body>
 </html>

HTML: XXS

 <! Doctype html public -// w3c // dtd xhtml 1.1 // en http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd>
 <html xmlns = http: //www.w3.org/1999/xhtml xml: lang = ru>
 <голова>
 <title> </title>
 <meta http-equiv = content-type content = text/html; charset = utf-8/>
 </head>
 <тело>
 </body>
 </html>

html: 5

 <! Doctype html>
 <html lang = ru-ru>
 <голова>
 <title> </title>
 <meta charset = utf-8>
 </head>
 <тело>
 </body>
 </html>

Документ метадан

голова

 <Head> </head>

заголовок

 <title> </title>

база

 <base href =>

связь

 <ссылка>

Ссылка: CSS

 <link rel = styleSheet type = text/css href = style.css media = all>

Ссылка: Печать

 <link rel = styleSheet type = text/css href = print.css media = print>

Ссылка: Favicon

 <link rel = ortcut incon type = image/x-iCon href = favicon.ico>

Ссылка: Touch

 <link rel = apple-touch-iCon href = favicon.png>

Ссылка: RSS

 <link rel = alternate type = application/rss+xml title = rss href = rss.xml>

Ссылка: Atom

 <link rel = alternate type = application/atom+xml title = atom href = atom.xml>

Мета

 <Мета>

Мета: UTF

 <meta http-equiv = content-type content = text/html; charset = utf-8>

Мета: выиграть

 <meta http-equiv = content-type content = text/html; charset = win-1251>

Мета: COMBAT

 <meta http-equiv = x-ua-совместимый содержимое = IE = 7>

стиль

 <стиль типа = текст/css> </style>

Сценарий

сценарий

 <script type = text/javascript> </script>

Скрипт: SRC

 <script type = text/javascript src => </script>

noscript

 <noscript> </noscript>

Разделы

тело

 <body> </body>

раздел, секта

 <section> </section>

навига

 <Av> </nav>

Статья, искусство

 <статья> </article>

в стороне

 <в сторону> </кроме>

H1

 <h1> </h1>

H2

 <h2> </h2>

H3

 <h3> </h3>

H4

 <h4> </h4>

H5

 <h5> </h5>

H6

 <h6> </h6>

hgroup, hgr

 <hgroup> </hgroup>

Заголовок, HDR

 <Header> </Header>

нижний колонтитул, ftr

 <нижний колонтитул> </нижний колонтитул>

адрес, ADR

 <drade> </address>

Div

 <div> </div>

Группировка контента с

P

 <p> </p>

HR

 <hr>

Br

 <br>

предварительный

 <pre> </pre>

Диалог, DLG

 <Диалог> </dialog>

BlockQuote, BQ

 <blockquote> </blockquote>

ол

 <ol> </ol>

OL+

 <ol>
 <li> </li>
 </ol>

UL

 <ul> </ul>

UL+

 <ul>
 <li> </li>
 </ul>

Li

 <li> </li>

DL

 <dl> </dl>

DL+

 <dl>
 <dt> </dt>
 <dd> </dd>
 </dl>

DT

 <dt> </dt>

DD

 <dd> </dd>

Семантика на уровне текста

A

 <a href => </a>

A: Ссылка

 <a href = http: //> </a>

A: почта

 <a href = mailto:> </a>

Q

 <q> </q>

цитировать

 <cite> </cite>

em

 <em> </em>

Сильный, Стр

 <strong> </strong>

маленький

 <mall> </small>

отметка

 <Mark> </mark>

DFN

 <dfn> </dfn>

abbr

 <abbr title => </abbr>

аббревиатура, ACR

 <аббревиатура title => </щетковая>

время

 <Time> </time>

Прогресс, Прога

 <Sprocy> </progress>

счетчик

 <meter> </метр>

код

 <code> </code>

var

 <var> </var>

SAMP

 <Samp> </samp>

KBD

 <KBD> </kbd>

подставка

 <sub> </sub>

Как дела

 <sup> </sup>

охватывать

 <pran> </span>

я

 <i> </i>

B

 <b> </b>

Bdo

 <bdo dir => </bdo>

bdo: r

 <bdo dir = rtl> </bdo>

BDO: L

 <bdo dir = ltr> </bdo>

Рубин

 <Ruby> </Ruby>

rt

 <rt> </rt>

RP

 <rp> </rp>

Редактирование

ins

 <ins> </ins>

Del

 <del> </del>

Встроенный контент

Рисунок, рис .

 <Рисунок> </Рисунок>

Img

 <img src = alt =>

iframe, IFR

 <iframe src = crameborder = 0> </iframe>

встраивать, эмба

 <embed src = type =>

объект, obj

 <объект data = type => </object>

PARAM

 <param name = value =>

видео

 <видео src => </video>

аудио

 <audio src => </audio>

Источник, SRC

 <source>

холст

 <Canvas> </canvas>

Карта

 <map name => </map>

карта+

 <name map =>
 <sheere shape = comports = href = alt =>
 </map>

область

 <sheere shape = comports = href = alt =>

Область: D

 <size shape = по умолчанию href = alt =>

Область: C

 <форма области = круглые координации = href = alt =>

Район: R

 <форма области = прямоугольные координации = href = alt =>

Область: P

 <форма области = поликории = href = alt =>

Табличные данные

стол

 <Таблица> </table>

Таблица+

 <Таблица>
 <tr>
 <td> </td>
 </tr>
 </table>

Подпись, Cap

 <Подпись> </Подпись>

Colgroup, Colg

 <colgroup> </colgroup>

Colgroup+, Colg+

 <colgroup>
 <col>
 </colgroup>

Col

 <col>

Tbody

 <tbody> </tbody>

TheAd

 <theade> </thead>

Tfoot

 <tfoot> </tfoot>

TR

 <tr> </tr>

TR+

 <tr>
 <td> </td>
 </tr>

Th

 <th> </th>

TD

 <td> </td>

Формы

форма

 <form action => </form>

Форма: получить

 <form action = method = get> </form>

Форма: Post

 <form action = method = post> </form>

Fieldset, FSET

 <Fieldset> </fieldset>

Легенда, нога

 <Легенда> </Легенда>

этикетка

 <метка для => </label>

вход

 <input type =>

Ввод: скрыт, ввод: H

 <input type = hidden value =>

Ввод: текст, ввод: T

 <input type = text value = id =>

Ввод: Поиск

 <input type = value = id =>

Ввод: электронная почта

 <input type = значение электронной почты = id =>

Ввод: URL

 <input type = url value = id =>

Ввод: пароль, ввод: P

 <input type = значение пароля = id =>

Ввод: DateTime

 <input type = datetime value = id =>

Ввод: DateTime-Local

 <input type = datetime-local value = id =>

Ввод: дата

 <input type = date value = id =>

Вклад: месяц

 <входной тип = месяц значения = id =>

Вклад: неделя

 <входной тип = неделя значения = id =>

Ввод: время

 <тип ввода = значение времени = id =>

Ввод: номер

 <input type = number value = id =>

Ввод: диапазон

 <input type = anrage value = id =>

Ввод: Цвет

 <input type = color value = id =>

Ввод: флажок, вход: C

 <input type = флажок идентификатор =>

Ввод: радио, ввод: R

 <input type = radio id =>

Ввод: файл, ввод: F

 <input type = file id =>

Ввод: отправить, ввод: S

 <input type = отправить значение =>

Ввод: изображение, ввод: I

 <input type = image src = alt =>

Ввод: сбросить

 <input type = сбросить значение =>

Ввод: кнопка, вход: B

 <input type = кнопка значение =>

кнопка, btn

 <Кнопка> </button>

выбирать

 <select id => </select>

Выберите+

 <select id =>
 <vitue value => </option>
 </select>

OptGroup, Optg

 <ptgroup> </optgroup>

OptGroup+, Optg+

 <ptgroup>
 <опция> </option>
 </optgroup>

опция, Opt

 <опция> </option>

Интерактивные элементы окна

DataGrid, datag

 <dataGrid> </dataGrid>

Datalist, Datal

 <datalist> </datalist>

Textarea, Tarea

 <textarea id = cols = 30 Rows = 10> </textarea>

Кейген, Кг

 <KeyGen>

вывод, выход

 <suput> </output>

Подробности, Дет

 <petile> </details>

команда, cmd

 <Команда>

BB

 <bb> </bb>

меню

 <меню> </menu>

Меню: контекст, меню: C

 <меню тип = контекст> </menu>

Меню: панель инструментов, меню: T

 <меню тип = панель инструментов> </menu>

Условные комментарии

CC: т.е.

 <!-[ie ie]> <! [endif]->

CC: Noie

 <!-[if! IE]> <!-> <!-<! [endif]->
Связанные статьи