XHTML
Ура, наконец-то!
Сегодня я, наконец, перейду от общего к частному, и мы начнем работать.
Верстка
Подробнее о верстке
— в википедии.
Как я уже говорил, XHTML — это подвид языка XML. XHTML отличается от своего родителя тем, что список возможных названий тэгов и их атрибутов ограничен. Ограничение введено, потому что XHTML создан для верстки страниц сайтов, и проектировщики этого языка решили описать конечный набор изобразительных элементов.
Полный список тэгов с возможными атрибутами есть на htmlbook.ru.
Наиболее часто используемые элементы верстки в интернете: заголовок, абзац, ссылка, список, прямоугольная область (блок), изображение. Каждому из элементов верстки соответствует свой тэг, и его надо использовать по назначению.
Подготовительные работы
Кроме тэгов, отвечающих за оформление текста, есть еще несколько служебных, которые дают браузерам ориентиры в XHTML-документе.
Подробнее о DOCTYPE на webmascon.com.
Тэг DOCTYPE нужен для задания некоторым браузерам правил, по которым надо показывать страницу пользователю. Его вместе с содержимым необходимо один раз начать использовать, а потом просто копировать в новые проекты.
Тэг html дает браузеру понять, что начался документ-страница.
Внутри тэга head находится краткое описание страницы: ее главный заголовок (title), описание вида документа и кодировки (meta), краткое содержание страницы (description), а также всевозможные скрипты и стили (об этом — позже).
И наконец, тэг body говорит о том, что началась верстка страницы.
Пример
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Проснитесь в своих снах!</title> <meta name="description" content="осознанные сновидения, сон, книга" /> </head> <body> <h1>Проснитесь в своих снах!</h1> <p> Я брел по сводчатому коридору, уводившему вглубь огромной крепости и я невольно остановился, восхищаясь величественностью архитектуры. Каким-то образом, созерцание великолепного окружения заставило меня понять, что это сновидение! Впечатляющее великолепие замка показалось моему прояснившемуся сознанию еще более удивительным. </p> <p> В состоянии сильнейшего возбуждения я стал исследовать воображаемую реальность своего «воздушного замка». Спускаясь в холл, я чувствовал холод камня под ногами и слышал эхо собственных шагов. Каждый элемент этого зачаровывающего зрелища казался реальным, и несмотря на это я прекрасно осознавал, что вижу сон! </p> <small>Стивен Лаберже. Осознанные сновидения. Глава 1. </small> </body> </html> |
Ты можешь посмотреть на эту страницу в браузере. Страница очень простая, состоит из заголовка, двух абзацев и маленькой пометки в конце.
Если у тебя возникли какие-либо вопросы или ты нашел ошибку — пиши в комментарии, я буду рад тебя выслушать.
PS
Кстати, чудо-плагин для подсветки кода в Wordpress я нашел на wordpress.org. Всем советую: поддерживает тонну языков, работает во всех браузерах и очень легко настраивается.