Это первая заметка из серии моих HTML/CSS шпаргалок. Поэтому начнем с самых азов.
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов в интернете. Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
Под структурой я подразумеваю заголовки, параграфы, списки и т.д. Важно понимать, что сначала продумывается и создается структура документа, а только после этого описывается внешнее его отображение.
Элементы, тэги и атрибуты
Синтаксис HTML очень прост. Весь документ состоит из элементов и тэгов. Например: <em>курсив</em>
<em>...</em> — это тэги содержащие какой либо контент. Совокупность открывающего и закрывающего тэга называется элементом.
Дополнительная информация передается в тэги посредством атрибутов. Атрибут вставляется в открывающий тэг и имеет вид имя="значение" <tag name="value">...</tag>
HTML vs. xHTML
Поскольку все больше и больше устройств, становятся способны обрабатывать HTML (мобильные телефоны, КПК, и т.д.), W3C осознали необходимость тщательной стандартизацией HTML. Идея заключалась в том, что если сайт написан на соответствующем стандарте HTML, то он должен правильно отображаются при помощи браузера любого устройства будь то сотовый, КПК или нормальный компьютер.
В итоге этих размышлений в 2000 году появилась на свет спецификация xHTML Stric, требующая придерживаться правил и писать хорошо сформированные документы. Язык xHTML был создан на базе XML и HTML 4.01
xHTML (англ. Extensible Hypertext Markup Language — Расширяемый язык разметки гипертекста) — язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML.
Правила разметки xHTML
Далее приведены наиболее важные правила, которые необходимо соблюдать, чтобы писать валидный xHTML
1. Все элементы должны быть закрыты.
Теги, которые не имеют закрывающего тега (например, <img> или <br>) должны иметь на конце / (например, <br />).
2. Пишите все теги и атрибуты в нижнем регистре.
Имена тегов и атрибутов должны быть записаны строчными буквами (например, <img alt="" /> вместо <IMG ALT="" />).
3. Правильно пишите атрибуты.
Булевы атрибуты записываются в развёрнутой форме. Например, следует писать <option selected="selected"> или <td nowrap="nowrap">. Все значения атрибутов надо всегда писать в кавычках.
4. Соблюдайте правила форматирования.
Правильно: <p>какой-то <strong>текст</strong></p>
Неправильно: <p>какой-то <strong>текст</p></strong>
На сегодня на этом все. В ближайшем будущем будет продолжение.
Удачи.
↑ К оглавлению ↑
2leep.com
03 марта 2010 в 8:08
Старо как мир, конечно, но кому-нибудь пригодится. На мой взгляд, в статье не хватает данных по DOCTYPE для html и xhtml.
03 марта 2010 в 8:28
Про все остальное будет написано позже. Я запланировал это как цикл шпаргалок/заметок. Ориентировано как раз на начинающих. Возможно, в будущем из этого получится неплохой тутор с примерами и советами, которых мне ой как не хватало в далеком 2004.
03 марта 2010 в 14:12
Неплохая затея с циклом…продолжайте в том же духе:) Лично мне будет интересно
09 марта 2010 в 21:17
Кстати, что там на счет DOCTYPE. Вроде теперь он имеет более компактную запись. Например на google уже практикуется:
< !doctype html>09 марта 2010 в 15:34
Это DOCTYPE для HTML5
13 июня 2010 в 18:48
Для начинающих будет познавательно, особено структура которую ты нарисовал.
04 ноября 2010 в 0:26
Технологии не устарели, в HTML5 добавились новые возможности. Если не знать простого html, то все равно какие технологии применять.
02 марта 2011 в 14:04
Когда учился хтмлю для меня была загадка почему в одних учебниках пишут заглавными буквами, а в других маленькими и долго не мог понять как правильно, жаль ваша статья не попалась мне тогда.
03 мая 2011 в 12:14
Всегда лучше с маленькой. А для себя я почерпнул, что с какого тега начал строку тем и закрывать нужно
03 мая 2011 в 12:20
кроме случаев непарных тегов
03 мая 2011 в 14:20
Это бесспорно!;)
31 октября 2011 в 13:56
Актуальная статья,приходится сайт часто проверять как он отображается в том или ином браузере
23 декабря 2011 в 14:03
Нормальная статья для начала. По крайней мере для тех кто хочет понять чем отличается HTML от XHTML/