Вторник, 02 Октябрь 2018 00:03

Основы xHTML

HTML – Hyper Text Market Language (Язык разметки гипертекста). Я специально начал заметку с расшифровки аббревиатуры, чтобы было видно, что в расшифровке нет слова «программирование». Поэтому мнение людей мнящих себя программистами только потому, что знают HTML – ошибочно. HTML – это язык с помощью которого веб-администратор указывает браузерам пользователя, как должна отображаться та или иная страница.

Следующее понятие, с которым Вам надо будет ознакомиться, является «тег». Тегом называется «команда», которая отправляется браузеру. Теги бывают двух видов, открытые и с появлением языка xHTML(об этом позже) – закрытые.

Открытый тег выглядит так:

<html> </html>

Где: <html> – открывающий тег, а следовательно </html> – закрывающий.

Закрытый:

<img src="/URL" />

Как мы видим, тег имеет элемент закрывающего тега слэш /. Но расположен он в конце тега.

Любая страница сайта, обязана иметь в себе 4 обязательных тега. Это теги: “html”, “head”, “title”, “body”.

Выглядеть код будет следующим образом:

<html>

    <head>
      <title>Заголовок страницы</title>
    </head>
    <body>
    </body>
</html>

Где, тег <html> – указывает на начало html-документа.

Тег <head> – содержит в себе основные «команды» страницы, в том числе <title>, указывающий нам заголовок страницы.

Пример содержимого:

<head>

    <meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
    // Эта строка означает, что текст на странице имеет кодировку utf-8 и содержание элементов – текст и html.

    <meta name="keyword" content="азы, хтмл, html, basic" />
    // Эта строка указывает ключевые слова в тексте.

    <meta name="description" content="описание сайта" />
    // здесь описывается суть, о чём страница

    <meta name="title" content="Заголовок страницы">
    // Указывается заголовок страницы

    <meta name="copyright" content="Night_Pilgrim" />
    // Строка указывающая автора содержимого веб-страницы.

    <meta name="robots" content="index, follow" />
    // индексирование поисковыми роботами – разрешено

    <link rel="stylesheet" href="/URL/*.css" type="text/css" />
    // Строка указывающая на подключённый файл таблицы стилей CSS.

    <link rel="shortcut icon" href="/URL/*.ico" />
    // Строка указывающая на подключение файла иконки.

    <script type=”text/javascript” src=”URL/*.js” />
    // Строка указывающая на подключение файла с программным кодом JavaScript.

</head>

Стоит также отметить, что тег <style> также заключается в теге <head>.

<body> – тело документа, сюда мы пишем всё, что в итоге будет выведено на страницу. Помимо понятия «тег», есть ещё понятие «атрибут» тега, отвечающий за его «свойство». Возьмём за пример тег body:

<body bgcolor="#eeeeee;" text=”#0000ee;” link=”#ee0000;” alink=”#aa0000;” vlink=”#00ee00;” background=”URL”>

Где:

    bgcolor – цвет фона документа;
    text – цвет текста документа;
    link – цвет гиперссылки;
    alink – цвет активной гиперссылки;
    vlink – цвет посещённой гиперссылки;
    background – картинка на задний фон.
    Всё это и есть атрибуты тега body.

Также в «Основы» следует добавить «тип документа» он указывается в самом начале, ещё до тега , страница отобразится и без этого, но всё же указать не помешает.

xHTML 1.0 Strict (строгий): не содержит элементов, помеченных как «устаревшие» или «не одобренные».

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">

xHTML 1.0 Transitional (переходный): содержит устаревшие теги в целях совместимости и упрощения перехода со старых версий HTML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">

xHTML 1.0 Frameset (с фреймами): аналогичен «переходному», но содержит при этом набор тегов для создания фреймов.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">

xHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru">

Спонсоры: