Сайт

Htmlbook новый сайт – Для тех, кто делает сайты

24.08.2020

Для тех, кто делает сайты



htmlbook.ru | Для тех, кто делает сайты

  • Основное

  • HTML

  • CSS

  • Сайт
  • Статьи
  • Блог
  • Практикум
  • Форум
  • Самоучитель HTML
  • Справочник по HTML
  • XHTML
  • HTML5
  • Самоучитель CSS
  • Справочник по CSS
  • Рецепты CSS
  • CSS3
  • Вёрстка веб-страниц
  • Макеты
  • Веб-сервер

Теги HTML

  • Все теги
  • Валидация тегов
  • <!— —>
  • <!DOCTYPE>
  • <a>
  • <abbr>
  • <acronym>
  • <address>
  • <applet>
  • <area>
  • <article>
  • <aside>
  • <audio>
  • <b>
  • <base>
  • <basefont>
  • <bdi>
  • <bdo>
  • <bgsound>
  • <big>
  • <blink>
  • <blockquote>
  • <body>
  • <br>
  • <button>
  • <canvas>
  • <caption>
  • <center>
  • <cite>
  • <code>
  • <col>
  • <colgroup>
  • <command>
  • <comment>
  • <datalist>
  • <dd>
  • <del>
  • <details>
  • <dfn>
  • <dir>
  • <div>
  • <dl>
  • <dt>
  • <em>
  • <embed>
  • <fieldset>
  • <figcaption>
  • <figure>
  • <font>
  • <footer>
  • <form>
  • <frame>
  • <frameset>
  • <h2>
  • <h3>
  • <h4>
  • <h5>
  • <h5>
  • <h6>
  • <head>
  • <header>
  • <hgroup>
  • <hr>
  • <html>
  • <i>
  • <iframe>
  • <img>
  • <input>
  • <ins>
  • <isindex>
  • <kbd>
  • <keygen>
  • <label>
  • <legend>
  • <li>
  • <link>
  • <listing>
  • <main>
  • <map>
  • <mark>
  • <marquee>
  • <menu>
  • <meta>
  • <meter>
  • <multicol>
  • <nav>
  • <nobr>
  • <noembed>
  • <noframes>
  • <noscript>
  • <object>
  • <ol>
  • <optgroup>
  • <option>
  • <output>
  • <p>
  • <param>
  • <plaintext>
  • <pre>
  • <progress>
  • <q>
  • <rp>
  • <rt>
  • <ruby>
  • <s>
  • <samp>
  • <script>
  • <section>
  • <select>
  • <small>
  • <source>
  • <spacer>
  • <span>
  • <strike>
  • <strong>
  • <style>
  • <sub>
  • <summary>
  • <sup>
  • <table>
  • <tbody>
  • <td>
  • <textarea>
  • <tfoot>
  • <th>
  • <thead>
  • <time>
  • <title>
  • <tr>
  • <track>
  • <tt>
  • <u>
  • <ul>
  • <var>
  • <video>
  • <wbr>
  • <xmp>

Справочник CSS

  • Как пользоваться справочником
  • !important
  • -moz-border-bottom-colors
  • -moz-border-left-colors
  • -moz-border-right-colors
  • -moz-border-top-colors
  • -moz-linear-gradient
  • -moz-orient
  • -moz-radial-gradient
  • -moz-user-select
  • -ms-interpolation-mode
  • -ms-radial-gradient
  • -o-linear-gradient
  • -o-object-fit
  • -o-radial-gradient

htmlbook.ru

Справочник по HTML | htmlbook.ru



Справочник по HTML | htmlbook.ru

  • Основное

  • HTML

  • CSS

  • Сайт
  • Статьи
  • Блог
  • Практикум
  • Форум
  • Самоучитель HTML
  • Справочник по HTML
  • XHTML
  • HTML5
  • Самоучитель CSS
  • Справочник по CSS
  • Рецепты CSS
  • CSS3
  • Вёрстка веб-страниц
  • Макеты
  • Веб-сервер

Теги HTML

  • Все теги
  • Валидация тегов
  • <!— —>
  • <!DOCTYPE>
  • <a>
    • accesskey
    • charset
    • coords
    • download
    • href
    • hreflang
    • name
    • rel
    • rev
    • shape
    • tabindex
    • target
    • title
    • type
  • <abbr>
    • title
  • <acronym>
  • <address>
  • <applet>
    • align
    • alt
    • archive
    • code
    • codebase
    • height
    • hspace
    • vspace
    • width
  • <area>
    • accesskey
    • alt
    • coords
    • href
    • hreflang
    • nohref
    • shape
    • tabindex
    • target
    • type
  • <article>
  • <aside>
  • <audio>
    • autoplay
    • controls
    • loop
    • muted
    • preload
    • src
  • <b>
  • <base>
    • href
    • target
  • <basefont>
    • color
    • face
    • size
  • <bdi>
  • <bdo>
    • dir
  • <bgsound>
    • balance
    • loop
    • src
    • volume
  • <big>
  • <blink>
  • <blockquote>
  • <body>
    • alink
    • background
    • bgcolor
    • bgproperties
    • bottommargin
    • leftmargin
    • link
    • rightmargin
    • scroll
    • text
    • topmargin
    • vlink
  • <br>
    • clear
  • <button>
    • accesskey
    • autofocus
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • name
    • type
    • value
  • <canvas>
  • <caption>
    • align
    • valign
  • <center>
  • <cite>
  • <code>
  • <col>
    • align
    • char
    • charoff
    • span
    • valign
    • width
  • <colgroup>
    • align
    • char
    • charoff
    • span
    • valign
    • width
  • <command>
  • <comment>
  • <datalist>
  • <dd>
  • <del>
    • cite
    • datetime
  • <details>
  • <dfn>
  • <dir>
  • <div>
    • align
    • title
  • <dl>
  • <dt>
  • <em>
  • <embed>
    • align
    • height
    • hidden
    • hspace
    • pluginspage
    • src
    • type
    • vspace
    • width
  • <fieldset>
    • disabled
    • form
    • title
  • <figcaption>
  • <figure>
  • <font>
    • color
    • face
    • size
  • <footer>
  • <form>
    • accept-charset
    • action
    • autocomplete
    • enctype
    • method
    • name
    • novalidate
    • target
  • <frame>
    • bordercolor
    • frameborder
    • name
    • noresize
    • scrolling
    • src
  • <frameset>
    • border
    • bordercolor
    • cols
    • frameborder
    • framespacing
    • rows
  • <h2>
    • align
  • <h3>
    • align
  • <h4>
    • align
  • <h5>
    • align
  • <h5>
    • align
  • <h6>
    • align
  • <head>
    • profile
  • <header>
  • <hgroup>
  • <hr>
    • align
    • color
    • noshade
    • size
    • width
  • <html>
    • manifest
    • title
    • xmlns
  • <i>
  • <iframe>
    • align
    • allowtransparency
    • frameborder
    • height
    • hspace
    • marginheight
    • marginwidth
    • name
    • sandbox
    • scrolling
    • seamless
    • src
    • srcdoc
    • vspace
    • width
  • <img>
    • align
    • alt
    • border
    • height
    • hspace
    • ismap
    • longdesc
    • lowsrc
    • src
    • usemap
    • vspace
    • width
  • <input>
    • accept
    • accesskey
    • align
    • alt
    • autocomplete
    • autofocus
    • border
    • checked
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • list
    • max
    • maxlength
    • min
    • multiple
    • name
    • pattern
    • placeholder
    • readonly
    • required
    • size
    • src
    • step
    • tabindex
    • type
    • value
  • <ins>
    • cite
    • datetime
  • <isindex>
  • <kbd>
  • <keygen>
  • <label>
    • accesskey
    • for
  • <legend>
    • accesskey
    • align
    • title
  • <li>
    • type
    • value
  • <link>
    • charset
    • href
    • media
    • rel
    • sizes
    • type
  • <listing>
  • <main>
  • <map>
    • name
  • <mark>
  • <marquee>
    • behavior
    • bgcolor
    • direction
    • height
    • hspace
    • loop
    • scrollamount
    • scrolldelay
    • truespeed
    • vspace
    • width
  • <menu>
    • label
    • type
  • <meta>
    • charset
    • content
    • http-equiv
    • name
  • <meter>
    • high
    • low
    • max
    • min
    • optimum
    • value
  • <multicol>
  • <nav>
  • <nobr>
  • <noembed>
  • <noframes>
  • <noscript>
  • <object>
    • align
    • archive
    • classid
    • code
    • codebase
    • codetype
    • data
    • height
    • hspace
    • tabindex
    • type
    • vspace
    • width
  • <ol>
    • reversed
    • start
    • type
  • <optgroup>
    • disabled
    • label
  • <option>
    • disabled
    • label
    • selected
    • value
  • <output>
  • <p>
    • align
  • <param>
    • name
    • type
    • value
    • valuetype
  • <plaintext>
  • <pre>
  • <progress>
  • <q>
  • <rp>
  • <rt>
  • <ruby>
  • <s>
  • <samp>
  • <script>
    • async
    • defer
    • language
    • src
    • type
  • <section>
  • <select>
    • accesskey
    • autofocus
    • disabled
    • form
    • multiple
    • name
    • required
    • size
    • tabindex
  • <small>
  • <source>
    • media
    • src
    • type
  • <spacer>
  • <span>
  • <strike>
  • <strong>
  • <style>
    • media
    • type
  • <sub>
  • <summary>
  • <sup>
  • <table>
    • align
    • background
    • bgcolor
    • border
    • bordercolor
    • cellpadding
    • cellspacing
    • cols
    • frame
    • height
    • rules
    • summary
    • width
  • <tbody>
    • align
    • bgcolor
    • char
    • charoff
    • valign
  • <td>
    • abbr
    • align
    • axis
    • background
    • bgcolor
    • bordercolor
    • char
    • charoff
    • colspan
    • headers
    • height
    • nowrap
    • rowspan
    • scope
    • valign
    • width
  • <textarea>
    • accesskey
    • autofocus
    • cols
    • disabled
    • form
    • maxlength
    • name
    • placeholder
    • readonly
    • required
    • rows
    • tabindex
    • wrap
  • <tfoot>
    • align
    • bgcolor
    • char
    • charoff
    • valign
  • <th>
    • abbr
    • align
    • axis
    • background
    • bgcolor
    • bordercolor
    • char
    • charoff
    • colspan
    • headers
    • height
    • nowrap
    • rowspan
    • scope
    • valign

htmlbook.ru

Тег | htmlbook.ru



Тег <html> | htmlbook.ru

  • Основное

  • HTML

  • CSS

  • Сайт
  • Статьи
  • Блог
  • Практикум
  • Форум
  • Самоучитель HTML
  • Справочник по HTML
  • XHTML
  • HTML5
  • Самоучитель CSS
  • Справочник по CSS
  • Рецепты CSS
  • CSS3
  • Вёрстка веб-страниц
  • Макеты
  • Веб-сервер

Теги HTML

  • Все теги
  • Валидация тегов
  • <!— —>
  • <!DOCTYPE>
  • <a>
    • accesskey
    • charset
    • coords
    • download
    • href
    • hreflang
    • name
    • rel
    • rev
    • shape
    • tabindex
    • target
    • title
    • type
  • <abbr>
    • title
  • <acronym>
  • <address>
  • <applet>
    • align
    • alt
    • archive
    • code
    • codebase
    • height
    • hspace
    • vspace
    • width
  • <area>
    • accesskey
    • alt
    • coords
    • href
    • hreflang
    • nohref
    • shape
    • tabindex
    • target
    • type
  • <article>
  • <aside>
  • <audio>
    • autoplay
    • controls
    • loop
    • muted
    • preload
    • src
  • <b>
  • <base>
    • href
    • target
  • <basefont>
    • color
    • face
    • size
  • <bdi>
  • <bdo>
    • dir
  • <bgsound>
    • balance
    • loop
    • src
    • volume
  • <big>
  • <blink>
  • <blockquote>
  • <body>
    • alink
    • background
    • bgcolor
    • bgproperties
    • bottommargin
    • leftmargin
    • link
    • rightmargin
    • scroll
    • text
    • topmargin
    • vlink
  • <br>
    • clear
  • <button>
    • accesskey
    • autofocus
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • name
    • type
    • value
  • <canvas>
  • <caption>
    • align
    • valign
  • <center>
  • <cite>
  • <code>
  • <col>
    • align
    • char
    • charoff
    • span
    • valign
    • width
  • <colgroup>
    • align
    • char
    • charoff
    • span
    • valign
    • width
  • <command>
  • <comment>
  • <datalist>
  • <dd>
  • <del>
    • cite
    • datetime
  • <details>
  • <dfn>
  • <dir>
  • <div>
    • align
    • title
  • <dl>
  • <dt>
  • <em>
  • <embed>
    • align
    • height
    • hidden
    • hspace
    • pluginspage
    • src
    • type
    • vspace
    • width
  • <fieldset>
    • disabled
    • form
    • title
  • <figcaption>
  • <figure>
  • <font>
    • color
    • face
    • size
  • <footer>
  • <form>
    • accept-charset
    • action
    • autocomplete
    • enctype
    • method
    • name
    • novalidate
    • target
  • <frame>
    • bordercolor
    • frameborder
    • name
    • noresize
    • scrolling
    • src
  • <frameset>
    • border
    • bordercolor
    • cols
    • frameborder
    • framespacing
    • rows
  • <h2>
    • align
  • <h3>
    • align
  • <h4>
    • align
  • <h5>
    • align
  • <h5>
    • align
  • <h6>
    • align
  • <head>
    • profile
  • <header>
  • <hgroup>
  • <hr>
    • align
    • color
    • noshade
    • size
    • width
  • <html>
    • manifest
    • title
    • xmlns
  • <i>
  • <iframe>
    • align
    • allowtransparency
    • frameborder
    • height
    • hspace
    • marginheight
    • marginwidth
    • name
    • sandbox
    • scrolling
    • seamless
    • src
    • srcdoc
    • vspace
    • width
  • <img>
    • align
    • alt
    • border
    • height
    • hspace
    • ismap
    • longdesc
    • lowsrc
    • src
    • usemap
    • vspace
    • width
  • <input>
    • accept
    • accesskey
    • align
    • alt
    • autocomplete
    • autofocus
    • border
    • checked
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • list
    • max
    • maxlength
    • min
    • multiple
    • name
    • pattern
    • placeholder
    • readonly
    • required
    • size
    • src
    • step
    • tabindex
    • type
    • value
  • <ins>
    • cite
    • datetime
  • <isindex>
  • <kbd>
  • <keygen>
  • <label>
    • accesskey
    • for
  • <legend>
    • accesskey
    • align
    • title
  • <li>
    • type
    • value
  • <link>
    • charset
    • href
    • media
    • rel
    • sizes
    • type
  • <listing>
  • <main>
  • <map>
    • name
  • <mark>
  • <marquee>
    • behavior
    • bgcolor
    • direction
    • height
    • hspace
    • loop
    • scrollamount
    • scrolldelay
    • truespeed
    • vspace
    • width
  • <menu>
    • label
    • type
  • <meta>
    • charset
    • content
    • http-equiv
    • name
  • <meter>
    • high
    • low
    • max
    • min
    • optimum
    • value
  • <multicol>
  • <nav>
  • <nobr>
  • <noembed>
  • <noframes>
  • <noscript>
  • <object>
    • align
    • archive
    • classid
    • code
    • codebase
    • codetype
    • data
    • height
    • hspace
    • tabindex
    • type
    • vspace
    • width
  • <ol>
    • reversed
    • start
    • type
  • <optgroup>
    • disabled
    • label
  • <option>
    • disabled
    • label
    • selected
    • value
  • <output>
  • <p>
    • align
  • <param>
    • name
    • type
    • value
    • valuetype
  • <plaintext>
  • <pre>
  • <progress>
  • <q>
  • <rp>
  • <rt>
  • <ruby>
  • <s>
  • <samp>
  • <script>
    • async
    • defer
    • language
    • src
    • type
  • <section>
  • <select>
    • accesskey
    • autofocus
    • disabled
    • form
    • multiple
    • name
    • required
    • size
    • tabindex
  • <small>
  • <source>
    • media
    • src
    • type
  • <spacer>
  • <span>
  • <strike>
  • <strong>
  • <style>
    • media
    • type
  • <sub>
  • <summary>
  • <sup>
  • <table>
    • align
    • background
    • bgcolor
    • border
    • bordercolor
    • cellpadding
    • cellspacing
    • cols
    • frame
    • height
    • rules
    • summary
    • width
  • <tbody>
    • align
    • bgcolor
    • char
    • charoff
    • valign
  • <td>
    • abbr
    • align
    • axis
    • background
    • bgcolor
    • bordercolor
    • char
    • charoff
    • colspan
    • headers
    • height
    • nowrap
    • rowspan
    • scope
    • valign
    • width
  • <textarea>
    • accesskey
    • autofocus
    • cols
    • disabled
    • form
    • maxlength
    • name
    • placeholder
    • readonly
    • required
    • rows
    • tabindex
    • wrap
  • <tfoot>
    • align
    • bgcolor
    • char
    • charoff
    • valign
  • <th>
    • abbr
    • align
    • axis
    • background
    • bgcolor
    • bordercolor
    • char
    • charoff
    • colspan
    • headers
    • height
    • nowrap
    • rowspan
    • scope
    • valign
    • width
  • <thead>
    • align
    • bgcolor
    • char
    • charoff
    • valign
  • <time>
    • datetime
    • pubdate
  • <title>
  • <tr>
    • align
    • bgcolor
    • bordercolor
    • char
    • charoff
    • valign
  • <track>
  • <tt>
  • <u>
  • <ul>
    • type
  • <var>
  • <video>
    • autoplay
    • controls
    • height
    • loop
    • poster
    • preload
    • src
    • width
  • <wbr>
  • <xmp>

Атрибуты тегов

  • Универсальные
    • accesskey
    • class
    • contenteditable
    • contextmenu
    • dir
    • hidden
    • id
    • lang
    • spellcheck
    • style
    • tabindex
    • title
    • xml:lang
  • События
    • onblur
    • onchange

htmlbook.ru

Вёрстка сайтов | htmlbook.ru

HTML изначально задумывался как язык, которому не нужны средства оформления, такие как цвет, размер, рамки или что-то подобное. Разработанный в Европейском институте физики частиц (CERN), HTML был игрушкой ученых, их, прежде всего, интересовала логика информации, а не её визуальное представление. Тогда ещё не существовало понятия веб-дизайна и вёрстки как таковой, все сайты по своему оформлению были практически однотипными, в стиле, называемом сейчас «академический дизайн». Пример до сих пор можно посмотреть на lib.ru.

Однако пользователи преимущественно думали иначе и, глядя на красивую картинку, отдавали предпочтение именно ей. Разработчики браузера Netscape прекрасно понимали это и вводили в HTML новые теги, улучшающие внешний вид документа. Эти теги не были стандартизированы и работали только в Netscape, что в эпоху повального засилья этого браузера, не имело значения. Доля Netscape составляла более 90% от всех существующих браузеров.

Влияние Netscape оказалось губительным для академического дизайна, фактически похоронив его и оказалось благотворным для становления веб-дизайна. Разработчики сайтов поняли, что дизайн это не просто разноцветный текст и вставленные наобум картинки. Это возможность красочно и эффектно подать материал, придать определённое настроение сайту, заинтересовать посетителя и задержать его на ресурсе. Дизайн стал непосредственным этапом разработки сайта, за которым последовала и вёрстка. Нарисованные в Фотошопе макеты следовало превратить из одной картинки в набор изображений, стилевых и HTML-файлов, способных быстро загружаться по сети, сохраняя при этом особенности дизайна.

Век Netscape  продолжался до тех пор, пока часть рынка браузеров не захватила Microsoft со своим браузером Internet Explorer, что в итоге принесло только головную боль разработчикам сайтов. Разные подходы Netscape и Internet Explorer к отображению сайта, противоречивая поддержка стилей и тегов, большое количество мелких ошибок привело к тому, что сайт приходилось тестировать и отлаживать долгое время.

Устаревшие версии браузеров не в полной мере поддерживали CSS (Cascading Style Sheets, каскадные таблицы стилей), поэтому код представлял собой окрошку из HTML и CSS. Это привело к тому, что для макетов стали применяться таблицы с невидимой границей, на долгое время ставшими стандартом де-факто.

Следующим этапом развития разработки сайтов стало рождение спецификации, которая была названа Cascading Style Sheets Level 2, сокращенно CSS2. Следом появилось обновление Cascading Style Sheets Level 2 Revision 1 (CSS 2.1), которое используется по сей день. Выпуск новых версий браузеров, поддерживающих, пусть и не в полной мере, эту спецификацию, серьёзно облегчил работу над сайтами. В итоге, начал происходить постепенный переход от табличной вёрстки к блочной или, как она ещё называется, вёрстке слоями, в которой расположение элементов на странице и их вид задаётся через стили.

В настоящее время уже можно заявить, что табличная вёрстка в большинстве своём является архаизмом. Тем не менее, существует ещё множество сайтов вроде yandex.ru, artlebedev.ru и других, свёрстанных именно при содействии таблиц. Такой консерватизм связан со следующими обстоятельствами.

  • Вёрстка слоями сложнее, чем таблицами, поскольку требует от разработчика глубоких знаний спецификации CSS.
  • Браузеры содержат разные ошибки при интерпретации стилевых свойств, поэтому следует знать особенности поведения основных браузеров, их ошибки и уметь обходить их.
  • Практически каждую задачу можно решить несколькими способами, от разработчика требуется выбрать оптимальный, т.е. наименее затратный по времени и усилиям. Для оценки оптимальности необходим практический опыт, чтобы иметь в запасе разные методы, применяемые в конкретных ситуациях.

Таким образом, вёрстка в простом понимании это процесс превращения работы дизайнера в веб-страницу, отображаемую в браузере. Но один и тот же результат можно получить разными методами и уже от верстальщика зависит, какой из них предпочесть. От такого выбора зависит результат работы сайта, быстрота его отображения, доступность для разных устройств и браузеров.

Помните, что вёрстка это практическая дисциплина и только самостоятельно решая разные задачи и работая над проектами, вы сможете освоить это искусство.

htmlbook.ru

Введение в HTML | htmlbook.ru

Быстрый старт

Чтобы сразу же ввести в курс дела нетерпеливых читателей, предложим им возможность создания веб-страницы без последовательного изучения правил HTML. По крайней мере, вы сумеете убедиться, что создание веб-страниц достаточно простая штука.

В примере 1.1 приведен несложный пример такого кода.

Пример 1.1. Первая веб-страница

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Моя первая веб-страница</title>
 </head>
 <body>

  <h2>Заголовок страницы</h2>
  <p>Основной текст.</p>

 </body>
</html>

Чтобы посмотреть результат примера в действии, проделайте следующие шаги.

1. В Windows откройте программу Блокнот ( или ).

2. Наберите или скопируйте код в Блокноте (рис. 1.1).

Рис. 1.1. Вид HTML-кода в программе Блокнот

3. Сохраните готовый документ () под именем c:\www\example11.html, при этом обязательно поставьте в диалоговом окне сохранения тип файла: Все файлы и кодировку UTF-8 (рис. 1.2). Обратите внимание, что расширение у файла должно быть именно html.

Рис. 1.2. Параметры сохранения файла в Блокноте

4. Запустите браузер Internet Explorer ( или ).

5. В браузере выберите пункт меню и укажите путь к вашему файлу.

6. Если все сделано правильно, то в браузере вы увидите результат, как показано на рис. 1.3.

Рис. 1.3. Вид веб-страницы в окне браузера

В случае возникновения каких-либо ошибок проверьте правильность набора кода согласно примеру 1.1, расширение файла (должно быть html) и путь к документу.

htmlbook.ru

XHTML | htmlbook.ru

Развитие HTML в определенном смысле зашло в тупик — новые теги уже не нужны, поскольку хватает существующих, к тому же акцент разработки веб-страниц сместился на стили, которые расширяют возможности по оформлению документов. Естественно, CSS никак не подменяет HTML, но зато позволяет использовать ограниченный набор тегов, а вид элементов, их положение и различные параметры, задавать через стили.

Определенным ограничением HTML является и то, что он относится к формальным языкам, в том смысле, что теги и их иерархическая структура жестко описаны в спецификации. Поэтому популярность набирает XML, с помощью которого можно создавать собственные теги и формировать их структуру. Разница между HTML и XML состоит не только в тегах, но и правилах написания кода. Браузер при работе с HTML «закрывает глаза» на разные мелкие огрехи и недочеты в структуре или тому, что не корректно указан атрибут. С XML такие фокусы не проходят, поэтому браузер выдаст ошибку о том, что документ неверно сформирован.

Чтобы научить разработчиков «правильному» мышлению, изменить их стиль написания кода, а также сократить разрыв между HTML и XML, и был разработан XHTML, как промежуточный этап между ними.

XHTML (EXtensible HyperText Markup Language, расширяемый язык разметки гипертекста) предназначен для замены HTML и считается его более строгой версией. Вообще, W3C определяет XHTML как последнюю версию HTML, которая постепенно его вытеснит. Так ли это будет обстоять на самом деле, покажет только время.

Если рассуждать о некотором идеальном коде веб-страницы, то его можно сравнить с программой, которая не будет скомпилирована до тех пор, пока все ошибки не исправлены. Браузер выступает в роли компилятора и не отображает документ, если он не соответствует спецификации. XHTML, сохраняя все особенности HTML, вносит более строгие правила создания страниц, чтобы приблизиться к «идеальному» коду. Это позволяет делать сайты независимыми от устройства отображения и браузера. Иными словами, сайт будет корректно показываться во всех современных браузерах и платформах вроде компьютеров, смартфонов, КПК, нетбуках и др.

На деле все обстоит более приземленно. Разработчики браузеров не могут позволить себе, чтобы их детище работало только с «правильным» кодом. А все из-за того, что большая часть сайтов в мире просто не будет отображаться в таком браузере. Виноваты в таком положении вещей и разработчики и пользователи. Первые не обеспечили должную поддержку спецификации в своих браузерах, а вторые не потрудились ей следовать.

По этим причинам XHTML 1.x является всего лишь подобием HTML, но с более строгим синтаксисом, а не тем перспективным языком разметки, на который обязательно стоит переходить из-за его уникальных возможностей.

htmlbook.ru

Тег | htmlbook.ru



Тег <br> | htmlbook.ru

  • Основное

  • HTML

  • CSS

  • Сайт
  • Статьи
  • Блог
  • Практикум
  • Форум
  • Самоучитель HTML
  • Справочник по HTML
  • XHTML
  • HTML5
  • Самоучитель CSS
  • Справочник по CSS
  • Рецепты CSS
  • CSS3
  • Вёрстка веб-страниц
  • Макеты
  • Веб-сервер

Теги HTML

  • Все теги
  • Валидация тегов
  • <!— —>
  • <!DOCTYPE>
  • <a>
    • accesskey
    • charset
    • coords
    • download
    • href
    • hreflang
    • name
    • rel
    • rev
    • shape
    • tabindex
    • target
    • title
    • type
  • <abbr>
    • title
  • <acronym>
  • <address>
  • <applet>
    • align
    • alt
    • archive
    • code
    • codebase
    • height
    • hspace
    • vspace
    • width
  • <area>
    • accesskey
    • alt
    • coords
    • href
    • hreflang
    • nohref
    • shape
    • tabindex
    • target
    • type
  • <article>
  • <aside>
  • <audio>
    • autoplay
    • controls
    • loop
    • muted
    • preload
    • src
  • <b>
  • <base>
    • href
    • target
  • <basefont>
    • color
    • face
    • size
  • <bdi>
  • <bdo>
    • dir
  • <bgsound>
    • balance
    • loop
    • src
    • volume
  • <big>
  • <blink>
  • <blockquote>
  • <body>
    • alink
    • background
    • bgcolor
    • bgproperties
    • bottommargin
    • leftmargin
    • link
    • rightmargin
    • scroll
    • text
    • topmargin
    • vlink
  • <br>
    • clear
  • <button>
    • accesskey
    • autofocus
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • name
    • type
    • value
  • <canvas>
  • <caption>
    • align
    • valign
  • <center>
  • <cite>
  • <code>
  • <col>
    • align
    • char
    • charoff
    • span
    • valign
    • width
  • <colgroup>
    • align
    • char
    • charoff
    • span
    • valign
    • width
  • <command>
  • <comment>
  • <datalist>
  • <dd>
  • <del>
    • cite
    • datetime
  • <details>
  • <dfn>
  • <dir>
  • <div>
    • align
    • title
  • <dl>
  • <dt>
  • <em>
  • <embed>
    • align
    • height
    • hidden
    • hspace
    • pluginspage
    • src
    • type
    • vspace
    • width
  • <fieldset>
    • disabled
    • form
    • title
  • <figcaption>
  • <figure>
  • <font>
    • color
    • face
    • size
  • <footer>
  • <form>
    • accept-charset
    • action
    • autocomplete
    • enctype
    • method
    • name
    • novalidate
    • target
  • <frame>
    • bordercolor
    • frameborder
    • name
    • noresize
    • scrolling
    • src
  • <frameset>
    • border
    • bordercolor
    • cols
    • frameborder
    • framespacing
    • rows
  • <h2>
    • align
  • <h3>
    • align
  • <h4>
    • align
  • <h5>
    • align
  • <h5>
    • align
  • <h6>
    • align
  • <head>
    • profile
  • <header>
  • <hgroup>
  • <hr>
    • align
    • color
    • noshade
    • size
    • width
  • <html>
    • manifest
    • title
    • xmlns
  • <i>
  • <iframe>
    • align
    • allowtransparency
    • frameborder
    • height
    • hspace
    • marginheight
    • marginwidth
    • name
    • sandbox
    • scrolling
    • seamless
    • src
    • srcdoc
    • vspace
    • width
  • <img>
    • align
    • alt
    • border
    • height
    • hspace
    • ismap
    • longdesc
    • lowsrc
    • src
    • usemap
    • vspace
    • width
  • <input>
    • accept
    • accesskey
    • align
    • alt
    • autocomplete
    • autofocus
    • border
    • checked
    • disabled
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • list
    • max
    • maxlength
    • min
    • multiple
    • name
    • pattern
    • placeholder
    • readonly
    • required
    • size
    • src
    • step
    • tabindex
    • type
    • value
  • <ins>
    • cite
    • datetime
  • <isindex>
  • <kbd>
  • <keygen>
  • <label>
    • accesskey
    • for
  • <legend>
    • accesskey
    • align
    • title
  • <li>
    • type
    • value
  • <link>
    • charset
    • href
    • media
    • rel
    • sizes
    • type
  • <listing>
  • <main>
  • <map>
    • name
  • <mark>
  • <marquee>
    • behavior
    • bgcolor
    • direction
    • height
    • hspace
    • loop
    • scrollamount
    • scrolldelay
    • truespeed
    • vspace
    • width
  • <menu>
    • label
    • type
  • <meta>
    • charset
    • content
    • http-equiv
    • name
  • <meter>
    • high
    • low
    • max
    • min
    • optimum
    • value
  • <multicol>
  • <nav>
  • <nobr>
  • <noembed>
  • <noframes>
  • <noscript>
  • <object>
    • align
    • archive
    • classid
    • code
    • codebase
    • codetype
    • data
    • height
    • hspace
    • tabindex
    • type
    • vspace
    • width
  • <ol>
    • reversed
    • start
    • type
  • <optgroup>
    • disabled
    • label
  • <option>
    • disabled
    • label
    • selected
    • value
  • <output>
  • <p>
    • align
  • <param>
    • name
    • type
    • value
    • valuetype
  • <plaintext>
  • <pre>
  • <progress>
  • <q>
  • <rp>
  • <rt>
  • <ruby>
  • <s>
  • <samp>
  • <script>
    • async
    • defer
    • language
    • src
    • type
  • <section>
  • <select>
    • accesskey
    • autofocus
    • disabled
    • form
    • multiple
    • name
    • required
    • size
    • tabindex
  • <small>
  • <source>
    • media
    • src
    • type
  • <spacer>
  • <span>
  • <strike>
  • <strong>
  • <style>
    • media
    • type
  • <sub>
  • <summary>
  • <sup>
  • <table>
    • align
    • background
    • bgcolor
    • border
    • bordercolor
    • cellpadding
    • cellspacing
    • cols
    • frame
    • height
    • rules
    • summary
    • width
  • <tbody>
    • align
    • bgcolor
    • char
    • charoff
    • valign
  • <td>
    • abbr
    • align
    • axis
    • background
    • bgcolor
    • bordercolor
    • char
    • charoff
    • colspan
    • headers
    • height
    • nowrap
    • rowspan
    • scope
    • valign
    • width
  • <textarea>
    • accesskey
    • autofocus
    • cols
    • disabled
    • form
    • maxlength
    • name
    • placeholder
    • readonly
    • required
    • rows
    • tabindex
    • wrap
  • <tfoot>
    • align
    • bgcolor
    • char
    • charoff
    • valign
  • <th>
    • abbr
    • align
    • axis
    • background
    • bgcolor
    • bordercolor
    • char
    • charoff
    • colspan
    • headers
    • height
    • nowrap
    • rowspan
    • scope
    • valign
    • width
  • <thead>
    • align
    • bgcolor
    • char
    • charoff
    • valign
  • <time>
    • datetime
    • pubdate
  • <title>
  • <tr>
    • align
    • bgcolor
    • bordercolor
    • char
    • charoff
    • valign
  • <track>

htmlbook.ru

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *