Разработка сайтов для СРО

SEO-копирайтинг — текст для поисковой оптимизации. Продвижение сайта в поисковых системах. Оптимизация сайта для поисковых машин. Раскрутка сайта в ведущих поисковиках

Создание и раскрутка сайтов в Интернете

Что нужно для SEO?

Текст & Всемирная Паутина

Инструмент веб-строителя

HTML - язык гипертекста

CSS - каскадные таблицы стилей

Поисковая оптимизация

Что такое раскрутка сайта?

Контекстная реклама

Что такое обмен ссылками?

Почтовые рассылки

Соблюдайте правила

Что препятствует рейтингу?

Что такое CMS?

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

Полезные книги

Карта сайта

Как повысить находимость сайта?

Шаблон документа

Версии HTML

Валидатор и стандарты W3C

Теги, элементы, артрибуты

Комментарии

Имена файлов HTML

Перспективы развития HTML и XHTML

 
Разработка сайтов под ключ

Ссылки по теме

CSS Blast галерея css-сайтов и проектов Web 2.0

XHTML, CSS, JavaScript, DOM. Советы, секреты, хитрости и тонкости

CSS, HTML в примерах и статьях

Учебники HTML и CSS

HTML справочник

Справочники HTML и CSS

Основные ошибки юзабилити

Для тех, кто делает сайты!

Справочник по CSS

CoffeeCup - HTML редактор

FCKEditor - текстовый редактор для браузера

NotPad++ - текстовый редактор

PSPad — текстовый редактор

CSE HTML Validator Lite — редактор-анализатор (валидатор)

W3C - стандарты HTML

W3C - стандарты CSS

Справочная информация

Lynx Viewer

 

Справочник по языку XHTML 1.0

Главная « Справочник по языку XHTML 1.0

версия для печати

Анатомия Web-сайта

Если вы еще не создавали Web-сайтов, общая информация о сайтах поможет вам понять назначение HTML/XHTML и CSS, а также особенности их совместного использования.

Если вы работали с одним из «визуальных» инструментов создания Web-сайтов, например DreamWeaver или FrontPage, значит вы уже немного продвинулись по пути обучения, однако это отступление поможет вам понять, что вы будете учить дальше.

Если вы бродили по WWW, то знаете, что Web-страницы могут содержать текст, изображения, ссылки, звук, видео или анимированные изображения.

Вы также можете знать, что на некоторых страницах используются скрипты, написанные на различных языках программирования (JavaScript, PHP), чтобы сделать страницу интерактивной, связать с базой данных или собрать информацию, которую пользователь вводит в форму.

HTML и XHTML - это «клей», при помощи которого разрозненные части собираются в страницу, которая отображается в браузере (Internet Explorer или Mozilla Firefox) в удобном для чтения формате. Браузер - это ваше окно во Всемирную Паутину (WWW).

XHTML - это язык, который используется для того, чтобы сказать браузеру, каким образом следует разметить Web-страницу.

CSS появляется на сцене, когда необходимо настроить стиль отображения элемента страницы. Стиль может задавать цвет, место расположения, изображения, шрифты, отступы для элемента, но не влияет на информацию, которая размечена при помощи XHTML.

 

Что такое XHTML и HTML?

Язык разметки гипертекста (HTML) - это программная спецификация того, каким образом можно писать Web-страницы, а также способ их отображения на экране компьютера.

XHTML - это сокращение от eXtensible Hypertext Markup Language (расширяемый язык разметки гипертекста), спецификации, которая выросла из HTML.

Термин «расширяемый» вы поймете сразу же, но, чтобы понять роль слов HTML в термине XHTML, вам необходимо понять три слова, которые составляют аббревиатуру HTML.

Гипертекст (hypertext) - это просто текст, который расположен в «гиперпространстве» - в Интернете.

Это обычный текст, который включает фактическое содержимое вашей страницы и информацию, которая необходима для корректного отображения страницы и связи ее с другими страницами.

Гипертекст форматируется при помощи языка разметки (markup language) - стандартного набора символов и кодов, который однозначно интерпретируется всеми браузерами.


внимание!

Организация, которая отвечает за создание и публикацию стандартов для различных Web-технологий, включая и XHTML, - World Wide Web Consortium, или W3C (Консорциум W3C). Смотрите также сайт группы стандартов Web, коалиции, которая борется за внедрение Web-стандартов (www.webstandards.org).

Разметка (markup) - это способ разделить два качественно различных вида информации, которые содержит Web-страница.

Первый вид информации - это информация о структуре страницы, которая соответствует ее содержимому.

Если думать о Web-странице как о множестве слов, то код HTML - это разметка, или каркас, который определяет, чем являются другие слова - заголовками, списками или абзацами.

Способ, которым вы размечаете текст на странице, связывает информацию, придавая ей конкретное значение заголовка, подзаголовка или цитаты.

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

На первом этапе создания WWW при помощи протокола передачи гипертекста (HTTP, Hypertext Transfer Protocol) можно было передавать только текст.

Когда появилась возможность передавать изображения, звук и другую информацию, в HTML были добавлены соответствующие элементы.

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

Стало ясно, что описывать способ отображения каждого элемента страницы неэффективно, и тогда Web-сообщество разработало стандарт каскадных таблиц стилей (CSS, Cascading Style Sheets) как более эффективный способ управления представлением страниц.

Какова разница между XHTML и HTML?

XHTML - это на самом деле HTML, просто это последний его стандарт, рекомендованный консорциумом W3C.

В этом справочнике код отвечает стандарту XHTML, так как этот стандарт является текущим стандартом W3C. Когда вы изучаете XHTML, вы изучаете HTML.

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

XHTML - это больше, чем HTML, потому что это расширяемый язык. В XHTML используются правила синтаксиса расширяемого языка разметки (XML).

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

Web-страницы, написанные на XHTML, легко могут взаимодействовать со страницами XML.

 

Разъяснение типов тегов в XHTML 1.0

В данном справочнике описаны все теги определения XHTML 1.0 Transitional DTD. Обратите внимание, что многие из этих тегов по своей сути отвечают за представление документа и были удалены из определения Strict DTD. Для каждого тега приведены замечания и рекомендации по использованию.

 

Разъяснение типов тегов: Отображение…

  • Блочный (block): Тег блочного уровня, по умолчанию создает блочный прямоугольник. Все последующие теги будут размещены на новой строке.

  • Встроенный (inline): Встроенный тег, создает прямоугольник в строке и не разрывает ее.

  • Структурный (structural): Тег, который используется для формирования структуры документа или для структурирования других тегов в определенной части документа, например, table, head и т. д.


внимание!

Обратите внимание, что тип отображения тега можно изменить при помощи свойства display языка CSS. Терминология, используемая здесь, предназначена для описания основного стандартного поведения тега. У некоторых тегов существует несколько типов отображения, например структурный и блочный. В таких случаях приводится основной тип отображения.

 

Разъяснение типов тегов: пустой и непустой…

  • Пустой (empty): Тег, не содержащий данных, но являющийся инструкцией для браузера для выполнения какого-либо действия, например разрыва строки или отображения изображения.

    В языке XHTML пустые теги завершаются слэшем, как, например: <br />.

  • Непустой (non-empty): Тег, содержащий данные. В языке XHTML все непустые теги должны быть закрыты, как показано в следующем примере: <p>non-empty...</p>

 
Запомнить эту страницу в google.com Запомнить эту страницу в bobrdobr.ru Запомнить эту страницу в news2.ru Запомнить эту страницу в Memori.ru Добавить в МоёМесто.ru сохранить на RUmarkz Добавить страницу к Мистеру Вонгу Запомнить эту страницу в del.icio.us Запомнить эту страницу в technorati.com Запомнить эту страницу в linkstore.ru Добавить на Ваау!
Valid XHTML 1.0! Valid CSS!
Как повысить находимость сайта?

Структурные элементы

Элемент TITLE

Заголовки: H1, H2, H3, H4, H5, H6

Элементы: P и PRE

Логические стили: EM и STRONG

Элемент IMG

Блочные цитаты BLOCKQUOTE

Перечни: UL, OL, DL

Таблицы

Гиперссылка: элемент A

 
Справочник XHTML 
 

Справочник по языку XHTML 1.0

 

Теги XHTML

NotPad++ - текстовый редактор…

 

наверх

 
Контактная информация

Пишите:
Звоните: + 7 (916) 597-36-78

SEO-копирайтинг — текст для поисковой оптимизации. Продвижение сайта в поисковых системах. Оптимизация сайта для поисковых машин. Раскрутка сайта в ведущих поисковиках

Copyright (©) 2004— by Yuriy Korovenkov