Сайтостроение для чайников. Урок первый.
Сим постом хочу начать серию небольших уроков по сайтостроению.
А начну я пожалуй с самого начала и основ синтаксиса.
<тег> контент - парные теги. Имеют открывающий и закрывающий теги, закрывающий начинается с "/". Может содержать контент.
<тег> - непарные теги.
Все, с основами синтаксиса закончили, переходим к интересному.
И так, что нужно и чего достаточно для создания сайта? А немного на самом деле - достаточно открыть блокнот, написать "У меня есть свой сайт!", назвать файл index, сохранить не в формате .txt а в формате .html и готово, это вобщем полноценная, совершенно кроссбраузерная, в силу своей простоты на грани примитивности, веб-страница которую даже можно заливать на хост.
Кстати об индексе, так называется первая страница любого сайта, это делается потому, что хост традиционно именно файл с этим именем запускает первым и не указав индекс есть риск что не будет показана вобще никакая страница.
Всего вышеописанного конечно достаточно для создания веб-страницы отображающейся в браузере, но кому она такая нужна. И так рассмотрим МИНИМАЛЬНЫЙ набор пустой страницы, готовой к заполнению.
Сайт имени великого Меня
Рассмотрим построчно.
- непарный тег, который указывает что применяется стандарт HTML5. Этот тег заставляет все браузеры воспринимать сайт хоть примерно по
одним правилам, а не по своим внутренним.
- парный тег, указывает начало документа и что это именно html документ.
- парный тег, содержит указания на подключаемые файлы стилей, фавиконы, настройки кодировки и прочее.
- непарный тег указания кодировки, данный вариант указывает на использование восмибитного юникода. Очень рекомендую использовать именно UTF-8 для обеспечения кроссплатформенности. Вообще это такая особенность работы с сайтами: если что-то задается неявно то по закону всемирного свинства оно будет интерпретировано у клиента неправильно, потому кодить надо така будто объясняешь что-то дураку.
- непарный тег, указывает подключение файла CSS и где он лежит. Это в частном случае. В общем же через линк подключаются практически все дополнительные файлы.
Сайт имени великого Меня Указывает человеку как называется сайт и что можно на нем найти. Не менее (ато и более) важно, что это один из факторов по которому ориентируются поисковые боты. Помните, грамотное название повышает вероятность что по запросу гугла будет выдан именно ваш файл.
- парный тег содержащий весь контент сайта.
Вот собственно и все. Это является готовой болванкой для верстки сайта. В следующий раз я расскажу про основные теги и нововведения HTML5.