Облачный сервис для Joomla сайтов
Навигация: Главная Обзоры Структура HTML

Структура HTML

Структура html

Основу html-документа составляют три пары тегов:

<html>

<head>

Заголовок документа

</head>

<body>

Тело документа

</body>
</html>

Разберем данную структуру документа подробнее. Теги <html> </html> - это контейнер, в котором содержаться остальные теги. Поэтому, каждый документ должен открываться <html>, а закрываться </html>.

Весь документ можно разделить на условные две составляющие: первое, - это заголовок документа, который обозначается тегами <head> </head>, второе, - это тело документа - <body> </body>.

Тег HEAD или заголовок документа, его элементы.

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

Обязательным элементом в заголовке являются теги <title> </title>, которые дают название документу и оно выводится в заголовке окна. Например, при коде:

<html>

<head>

<title>Заголовок документа</title>

</head>

<body>

Тело документа

</body>

</html>

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

Название должно быть кратким, чтобы его можно было легко запомнить, и отображать содержание документа. В дальнейшем информация, которая находится в тегах <title> </title>, будет необходима при раскрутке и оптимизации сайта.

Следующий тег – это <base>. Это одиночный тег, указывающий на полный URL-адрес документа. Для чего он нужен? В интернете великое множество страничек и пользователя сохраняют себе на компьютер нужные странички для их просмотра через некоторое время. Но картинки на такой страничке могут превратиться в крестики красного цвета. Чтобы браузер мог быстро найти нужную страницу, необходим тег <base>. В свою очередь <base> имеет один атрибут с названием href, его значение является адрес страницы. Например:

<html>

<head>

<title>Структура html</title>

<base href="http://www.my_site.ru/">

</head>

<body>

Тело документа

</body>

</html>

Подробная карта Красноярска с номерами домов, доступная для просмотра на сайте haveall.net, позволит очень быстро отыскать любой объект в городе.


загрузка...

 
Баннер

Уважаемые пользователи! Если у Вас возникли вопросы по данному материалу - оставьте свой комментарий и мы постараемся Вам помочь. Оставайтесь с нами!

Добавить комментарий

Защитный код
Обновить

Баннер

Следуй за нами

   

Авторизация



Поддержать этот ресурс Вы можете

через платежную систему Webmoney

  Z299422543783

  R230383531538

  U630721442765
или

Яндекс Кошелек 410011414281063

Статистика сайта

Сейчас на сайте:
  • 1 гость
  • 1 робот
Всего пользователей: 11797

Наша гордость

  • cvetercom
    186 (+19/-5)
  • Nikolia
    130 (+10/-1)
  • root
    120 (+18/-1)
  • apricot
    113 (+20/-4)
  • Fidelity
    101 (+10/-1)
  • Xemreht
    63 (+3/-0)
  • bod
    47 (+5/-1)
Баннер

Изучаем CMS Joomla!

-ingateДля всех, кто хочет улучшить видимость сайта в поисковых системах, повысить количество целевых посетителей и увеличить доход от ресурса, эксперты компании...
l11-r-ingateКаждый специалист по маркетингу знает, что большая посещаемость важна для коммерческого сайта, но еще важнее, чтобы пришедшие пользователи...
4-Посещаемость сайта все выше, денег покупатели тратят все больше, бизнес растет как на дрожжах. Согласитесь, это мечта любого владельца сайта и...
lseo-r-Мощный, заряженный мотивацией текст «продаст» товар даже тому, кто не заинтересован в покупке. Однако, если этот текст «некачественный» с точки зрения...
-l-seor-Скоро лето ─ сезон отпусков, пикников и отдыха. Возьмите с собой в дорогу или на дачу книгу «Как попасть в ТОП: практика эффективного SEO». В новом...
-seo-Как увеличить продажи с сайта и продвинуть его в ТОП поисковых систем при помощи качественного контента − узнайте об этом из книги «Наглядное пособие по...
10-joomla-3Полный перевод новой книги Хагена Графа «Joomla! 3 — In 10 Easy Steps» (10 легких шагов к освоению Joomla! 3). Данная книга рассказывает о том, как...