Пример html старого типа

Все познается в сравнении. Для того чтобы лучше понять, каким был HTML раньше, предлагаю вашему вниманию пример не очень замысловатой страницы, сделанной в духе старого HTML. Напомню, что кроме отставания от современных норм жизни этот HTML вполне жизнеспособен, и его структура в основном обусловлена той неразберихой, что царствовала между браузерами в прошлом. Как бы не говорили многие скептики, табличная структура документа более стабильна, чем структура без таблиц. Это позволяло иметь одинаковый визуальный результат в самых различных браузерах. И, тем не менее, такой HTML сейчас неприемлем. Практика использования таблиц характеризует эпоху прошлого, поэтому не следует брать этот пример для подражания. Если визуально здесь все хорошо (одна из задач HTML выполнена успешно), то с точки зрения семантики документ выполнен неверно. Абсолютно все его элементы заключены в таблицы многократной вложенности, а это в корне меняет их значение, и если не для человека, то для поискового робота точно.

http://devmarkup.com/training/sample2/

Откройте эту ссылку в браузере и проделайте операции аналогичные предыдущему примеру.

Приведенный здесь документ старого типа не является худшим примером того, что можно встретить в Интернет, где в достаточном количестве можно увидеть довольно грубые нарушения правил этикета HTML.

Вывод

На сегодняшний день, создание HTML-документов – это большая ответственность, поскольку такие документы должны удовлетворять современным стандартам W3C. Они должны быть одновременно доступны для людей с ограниченными способностями, для поисковых роботов, для браузеров, не поддерживающих CSS, и, конечно же, они должны воплощать собой дизайн и делать это одинаково хорошо для всех современных браузеров. Структура HTML-кода должна быть максимально проста и не перегружена лишними атрибутами и тегами. Все элементы и имена классов должны быть подобраны по смыслу, чтобы как можно лучше и оптимальнее выделить семантическую логику документа. Все, что касается отображения должно быть вынесено в отдельный CSS файл, который также должен соответствовать стандартам W3C.

Все, что было сказано в этой главе – это краткий обзор того, что собой представляет современный HTML. Для того чтобы полностью понять его смысл и вникнуть в его особенности, вам нужно ознакомиться с последующими главами. И, несомненно, вам понадобятся практические навыки в освоении приемов, приведенных в данной книге.

Используемые средства и программы Редактор для html – текстовый редактор

Вопреки мнению многих новичков, идеальным редактором для HTML является текстовый редактор. К сожалению, в профессиональной верстке веб-страниц ни о каких визуальных средствах разработки HTML-документов речи быть не может. Поэтому, любые визуальные редакторы можете оставить в стороне, вооружившись чем-нибудь попроще. В профессиональной HTML-верстке применимы только текстовые редакторы, разумеется не лишенные таких возможностей, как подсветка кода или автозаполнение. В идеале, неплохо настроить свой редактор так, чтобы вдобавок наглядно была видна разница между пробелами и символами табуляции. Это позволит создавать и редактировать правильно форматированные документы.