Web программирование и особенности xhtml

2

Опубликовано: 06-03-2011 | Автор: SaIIIko |

Web программирование. Отличие xhtml от html

Доброго времени суток уважаемые читатели блога All Seo. Не так давно мы с вами ближе познакомились с web программированием. Сегодняшняя статья прольет свет на еще один немало важный аспект, особенностей языка разметки xhtml.

Основная ошибка в web программирование при верстке страницы

С html мы с вами  разобрались в статье «Языки web программирования. HTML теги». Теперь разберем язык разметки xhtml  в основу которого, заложен синтаксис языка XML. Я думаю вам будет знакома следующая картина: вы решили создать свой сайт или кое-что добавить в свой блог, нашли замечательную статью об html верстке, изучили и открыли необходимую вам страницу для редактирования кода. После внесения поправок и дополнений в код, сохранили ее на сервере. Открываете в браузере, все супер, и так как надо вам. Спустя месяц вы замечаете, что именно эту страницу или запись меньше всего находят по поисковым запросам и реже сканируют поисковые системы. Пытаясь выяснить в чем же дело, вы вдруг обнаруживаете, что страница которую вы месяц назад правили, содержит ошибки, которые не любят поисковые системы и считают из-за этого ваш сайт не качественным. Возможно кто-то даже найдет статью, по которой изучил html и обругает автора статьи…

На самом деле автор статьи по которой, вы учились web программированию, не виноват в допущенных вами ошибках. Все дело в синтаксисе документа. И прежде чем править документ, следует обратить внимание на то, как он у вас начинается.

Структура xhtml документа

В коде станицы за тип документа отвечает первая строка, в которой чаще написано: <!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd»>. Это нам уже говорит о том что обычные html теги тут не пройдут проверку на валидность. В таком типе документа нужно четко соблюдать синтаксис xhtml.

Общие правила написания в xhtml документах

Правильно закрываем теги

Все элементы xhtml должны иметь закрывающийся html тег. Например тег <br> пройдет проверку обычного html, а xhtml уже нет, потому что не закрыт. Закрыть теги подобного типа можно следующим образом <br /> или <meta name=»generator» content=»*** » />, т.е. мы просто ставим слеш в конец  тега.

С тегами, которые имеют пару тег <p></p> подобного делать не надо, у них есть пара, второй тег выполняет закрытие. Например <p>Привет !!!</p> или <p>web программирование<br /> <strong>All Seo</strong></p>. Ни в коем случае не мешайте теги, следующий пример демонстрирует перемешивание тегов <p> web программирование <br /> <strong>All Seo</p></strong> — это уже считается нарушением синтаксиса xhtml.

Пишем теги только в нижнем регистре

Ни в коем случаем не используйте верхний регистр в тегах. Пример <p> -верно, <P> — не верно или <link rel=”***” /> — верно, <LINK rel=”***”> не верно!

Описываем атрибуты только в двойных кавычках

Нельзя использовать одинарные кавычки в описании атрибута к тегам. Пример <link rel=’не верно’ /> не верное использование кавычек и <link rel=”верно” />правильное использование кавычек.

Тире в комментариях кода

Каждый занимающийся грамотным web программированием оставляет комментарии в коде, для большей понятности и лучшего восприятия. Но если вы решите использовать несколько тире подряд в комментарии с синтаксисом xhtml, то это вызовет ошибку и часть текста будет видима посетителю сайта. Пример правильного комментария в коде xhtml с использованием двойного тире: <!— использовать разделитель, написанный ниже — — можно и этот комментарий — — верен —>. Как вы заметили в середине комментария два тире и между ними пробел.

Символы < и & в тексте документа

Символы < и & в тексте документа должны быть заменены соответствующими последовательностями &lt; и &amp;. Нет необходимости, но желательно заменять также и > на &gt;.

Надеюсь статья про web программирование и особенности xhtml, поможет вам на сайтах, исправить ошибки, что очень оценят поисковые системы или грамотно написать какой ни-будь новый виджет, который очень понравится вашим посетителям.


Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Оформите подписку на блог

Понравилась статья? Вы узнаете больше, если подпишитесь на рассылку моих новых публикаций по RSS или по E-mail !


Комментариев 2 комментария

Все время хотел изучить язык HTML, но так и не нашел свободного времени, очень интересно владеть такими знаниями и строить вместе со всеми.

Изучила основы HTML, но так серьезно не занялась созданием сайта. Теперь, прочитав стать, загорелась многими идеями. Буду использвать свои знания. Хотя в начале пути многие набивают шишки.

Оставить комментарий