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

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

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

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

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

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

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

 

Советую прочитать!

HTML и CSS на примерах. Ускорение работы сайта Web-конструирование. Элективный курс.
XHTML и CSS2 XML-Самоучитель HTML и CSS
HTML. Экспресс-курс. HTML-Самоучитель

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

Главная « HTML - язык гипертекста

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

Техника разметки текста с помощью HTML

HTML (язык гипертекстовой разметки) — это основной язык, с помощью которого создаются веб-страницы. Страница, которую пользователь видит в своем браузере, может состоять из множества разных файлов — например, изображений, анимационных роликов, сценариев JavaScript, апплетов и т. д. - но основой страницы практически всегда является документ HTML. Другие языки разметки (прежде всего многочисленные приложения XML) пока еще слабо поддерживаются браузерами и поэтому не вытесняют HTML на компьютерах обычных пользователей.

CSS (каскадные таблицы стилей) — это язык, предназначенный для оформления веб-страниц и некоторых других видов документов. Разработчик стандартов HTML и CSS, Консорциум Всемирной Паутины (The World Wide Web Consortium, W3C) рекомендует разделять структуру и представление — т. е. кодировать в HTML только логическую структуру документа, а все, что связано с отображением документа на экране или представлением на других устройствах, выполнять средствами CSS.


внимание!

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

Аббревиатура «HTML» расшифровывается как «HyperText Markup Language» (в переводе на русский язык — «язык разметки гипертекста»). Взрывной рост Всемирной Паутины в начале 1990-х во многом обусловлен широким распространением этого языка и браузеров, отображающих написанные на нем страницы.

Все три слова в названии языка — «структурный», «разметка» и «гипертекст» - нуждаются в дополнительных пояснениях, которые сейчас и будут даны.


внимание!

Гипертекст — это просто текст со ссылками. Текст практически каждой веб-страницы является типичным примером гипертекста: можно щелкнуть по ссылке, и вы немедленно перейдете к другой странице, к загружаемому файлу или еще к какому-нибудь ресурсу, на который указывает эта ссылка.

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

Например, можно включить в документ такую конструкцию, как заголовок заключенного в тэги H1. Пользователь увидит на странице только сам текст заголовка. Окружающие его тэги H1 не отображаются на странице, но снабжают браузер информацией, позволяющей правильно интерпретировать этот текст. Они обозначают, что такой текст является заголовком первого уровня. Большинство современных графических браузеров по умолчанию выделяют этот заголовок полужирным шрифтом увеличенного кегля. (Забегая вперед, заметим, что многие поисковые системы придают заголовкам больший вес, чем обычному тексту, а заголовкам первого уровня — в свою очередь, больший вес, чем прочим заголовкам.)


внимание!

Такие конструкции, которые сами не являются содержанием страницы, но указывают браузеру, как интерпретировать содержание, и называются разметкой.


внимание!

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

Язык HTML предназначен в первую очередь для структурной разметки, т. е. для обозначения каждого элемента в соответствии с его местом и ролью в структуре документа. Например, тэг <p>…<⁄p> обозначает, что элемент является просто абзацем обычного текста, тэг <ul>…<⁄ul> — что элемент является перечнем, тэг <blockquote>…<⁄blockquote> — что элемент является цитатой и т. д.

В HTML есть также тэги, управляющие внешним видом отдельных элементов: например, тэг <i>…<⁄i> выделяет текст курсивом, тэг <font>…<⁄font> изменяет различные параметры шрифта, а тэг <br ⁄> вставляет перевод строки. Все такие тэги не относятся к структурной разметке, и применять их не рекомендуется. Все, что касается оформления веб-страницы, ее внешнего вида, можно и нужно делать с помощью CSS.


внимание!

Одна из многочисленных причин, почему оформление следует делать средствами CSS, заключается в том, что оформительские возможности HTML очень скудны. Например, с помощью HTML можно сделать рамки вокруг таблицы — но нельзя сделать рамки с разных сторон разными. А что касается оформления текста (собственно, ему и посвящен этот сайт) — HTML не предоставляет для этого практически никаких средств. С ним нельзя сделать абзацный отступ, разрядку, управлять междустрочным интервалом и междусловными пробелами… Практически все типографское оформление шрифта можно сделать только с помощью CSS.

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


внимание!

Структурная разметка — это разметка, обозначающая роль каждого элемента в структуре документа.

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

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


внимание!

Структурная разметка и оформление не противоречат друг другу. На грамотной веб-странице должно быть и то, и другое. Структурную разметку рекомендуется выполнять средствами HTML, а оформление — средствами CSS.

Хорошая структурная разметка также облегчает автоматическую обработку документа. Например, когда необходимо пронумеровать все заголовки или составить оглавление документа — программа легко справится с этой задачей, если заголовки помечены соответствующими структурными тэгами. Можно при этом включить в середину документа новые заголовки — программе не составит труда перенумеровать все заново и обновить оглавление. Если не использовать для заголовков правильные тэги H1, H2 и т. д., то их нумерация или составление оглавления превратится в кропотливую и неэффективную ручную работу.


внимание!

Книги, которые следует прочитать:

  1. Мержевич В.В.: HTML и CSS на примерах.

  2. Мержевич В.В.: Ускорение работы сайта.

  3. Петюшкин А.В.: HTML экспресс курс.

  4. Дуванов А.А.: Web-конструирование. Элективный курс.

 
Запомнить эту страницу в 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

 

наверх

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

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

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

Copyright (©) 2004— by Yuriy Korovenkov