Все для создания сайта

В XHTML все пробелы, табуляция и начала новых строк (white space) преобразуются в обычный пробел.

То есть, не имеет значения, как писать код — «в столбик» или «в строчку». Например, два следующих фрагмента в XHTML идентичны:

Какой-то текст и разметка на XHTML.

Какой-то
 текст
и разметка

 на
XHTML.

Любой XHTML-документ (то есть, Web-страница) является обычным текстовым файлом, в котором помимо текста присутствуют специальные коды, этот текст описывающие, то есть привносящие в документ структуру.

Эти коды — теги — служат для разбивки текста на информационные фрагменты — элементы, чётко отражающие структуру информации и взаимосвязь между её частями.

Теги для какого-либо элемента записываются следующим образом:

<имя-элемента>Содержимое элемента</имя-элемента>

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

Вот, например, конструкция посложнее:

<элемент-1>
 Какой-то текст.
 <элемент-2>
 Содержимое вложенного элемента.
 </элемент-2>
 Ещё какой-то текст.
</элемент-1>

То есть, в элемент элемент-1 вложены два текстовых комментария и один элемент элемент-2.

Помня, что в XHTML пробелы и начала новых строк игнорируются, перепишем предыдущий код:

<эл-нт-1>Текст<эл-нт-2>Содержимое эл-та</эл-нт-2>Ещё текст</эл-нт-1>

Как видите, такой «неупорядоченный» код сложно анализировать. Старайтесь отступами показывать вложен­ность элементов, это облегчит Вам после­дующий разбор кода.

На любой странице должны быть элементы html, head, title и body. Подробнее эти элементы обсуждаются в следующей статье.

В XHTML невозможно пересечение элементов. Тег, открытый первым, закрывается последним, и наоборот. Например, такая запись будет неверной:

Неверный пример!

<элемент-1><элемент-2></элемент-1></элемент-2>

В предыдущем примере нельзя сказать, какой из элементов — дочерний, а какой — роди­тель­ский. Код следует исправить таким образом:

<элемент-1><элемент-2></элемент-2></элемент-1>

Важно всегда соблюдать вложен­ность элементов и не допускать их пере­сечения.

И в HTML пересечение элементов было запрещённым, но большинсто обозревателей прощало эту ошибку. В XHTML пересечение недопустимо.

Если у элемента никогда не бывает содержимого, его запись отличается от стандартной. Вместо того, чтобы писать открывающий тег и сразу за ним — закрывающий:

<элемент></элемент>

используют такую запись:

<элемент />

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

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

Как пример пустых элементов можно привести элементы br,img и meta.

В HTML пустые элементы записывались просто в виде одиночного открывающего тега. В XHTML для пустых элементов определён свой синтаксис.

В XHTML любой текст, который может выводиться на экран, называется текстовым комментарием. В повседневной жизни этот термин часто заменяется простым словом «текст». Не будем отказывать себе в этом удовольствии и мы, и будем равно­значно исполь­зовать слова «текстовый комментарий» и «текст».

«Текстовый комментарий» и «комментарий» — разные термины, которые нельзя путать.

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

В XHTML код также можно комментировать. Комментарий начинается с по­следо­ва­тель­ности «<!--» и закан­чивается последо­ва­тель­ностью «-->».

<!-- Это — комментарий.
Текст, введённый здесь, на экране не отображается
и никак не влияет на Web-страницу. -->

В комментарии нельзя использовать два дефиса подряд (--).

<!-- В комментарии нельзя использовать последовательность «--». -->

Атрибуты запи­сываются в откры­вающем теге элемента в виде пар «имя-атрибута="значение атрибута"». Значение атрибута можно брать в двойные кавычки " либо в апострофы '.

В HTML кавычки для значений атрибутов можно было опускать. В XHTML значения атрибутов всегда берутся в кавычки.

Атрибуты раз­деляются пробелами либо новыми строками.

<имя-эл-та имя-атрибута-1="значение" имя-атрибута-2='значение'
></имя-элемента>

<имя-элемента
 имя-атрибута-1="значение"
 имя-атрибута-2='значение'>
</имя-элемента>

И опять таки, во втором случае код намного понятней. Ста­райтесь показывать отступами структуру кода.

Атрибуты комментировать нельзя.

Неверный пример!

<имя-элемента
 <!-- имя-атрибута-1="значение" -->
 имя-атрибута-2="значение">
</имя-элемента>

В закрывающем теге атрибуты не пишутся.

В XHTML все имена элементов и атрибутов набираются только в нижнем регистре.

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