Урок №11. Голова документа.

Содержание урока:

Тег <basefont>
Тег <link>
Тег <meta>
Тег <style>
Тег <title>


 

Ну, вот и подошли к концу уроки по HTML. Это конечно не все, есть еще и много других тегов и атрибутов. Я постарался собрать и вместить все самое нужное и часто используемое.
Ну и как обещал, этот урок я посвящаю голове документа. Она является самой важной составляющей сайта.

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

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

Разберем все по порядку.

Тег <basefont>

    Тег <basefont> — данный тег предназначен для установки размера, цвета и шрифта текста по умолчанию. При указании данного тега весь текст будет соответствовать указанным параметрам, исключением является только текст, заключенный тегом <font>.

      Атрибуты тега:

           color — задает цвет текста.

           face – задает шрифт.

           size — задает размер шрифта.

Пример строки с тегом:

   <head>

     <basefont face="Times New Roman, Helvetica, sans-serif" size="5" color="Red">

   </head>

 


 

Тег <link>

    Тег <link> — тег является связывающим звеном между документом и внешним файлом, на примере файла со стилями или шрифтами.

    Атрибуты:

        rel="stylesheet" – это атрибут сразу с значением, которое обозначает, что подключаемый файл содержит в себе таблицу стилей CSS.

        href – атрибут, предназначен для указания пути к внешнему файлу.

Пример строчки с данным тегом:

   <head>

     <link rel="stylesheet" href="style.css">

   </head>

 


 

Тег <meta>

    Тег <meta> — этот тег предназначен для так называемых метатегов, которые хранят информацию для поисковых систем. Поисковые системы используют метатеги для поиска ключевых слов по сайту, описания сайта и т.д.

В этом примере мы рассмотрим конкретно тег с атрибутом name.

Атрибут name – предназначен для идентификации значение атрибута.

Возможные значения:

        Author – несет в себе имя автора документа.

        Description – отвечает за содержимое документа.

        Keywords – ключевые слова, которые присутствуют на странице.

        Charset – указывает кодировку страницы.

Пример:

   <head>

     <meta name="keywords" content="HTML,CSS, PHP,">

     <meta name="author" content="Петров Петр Петрович">

     <meta name="description" content="Здесь Вы найдете нужно информацию для создания собственного сайта!!!"

   </head>

 

Заметили атрибут content?

Он предназначен для внесения информации, которая должна содержаться в метатеге. 

С этим понятно? Погнали дальше!

Пример атрибута charset:

   <head>

     <meta charset="utf-8">

   </head>

 

Ну, здесь все очень просто. Данный атрибут предназначен для указания кодировки.

Кодировка – способ представления в памяти компьютера цифр, букв и символов.
Сейчас все без исключений используют кодировку UTF-8. Она содержит больше символов чем например UTF-16, да и весит она меньше.

 


 

Тег <style>

    Тег <style> применяется для определения стилей элементов веб-страницы.

Чтобы не подключать таблицу стилей, а прописывать их, непосредственно в документе и нужен данный тег. В таком случае тег будет иметь значение type="text/css" . Но это не очень практично, потому что для каждой страницы необходимо будет писать все заново.

Атрибут:

     Type – указывает тип формата.

Пример:

   <head>

     <style type="text/css"> </style>

   </head>

 

Фишка в том, что стили нужно прописывать непосредственно в теге <style>.
Об этом поговорим позже.

 


 

Тег <title>

Об этом теге Вы читали ранее. Но все же осмелюсь Вам напомнить:

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

Пример:

   <head>

     <title>Заголовок</title>

   </head>

 

Ну, основное предназначение головы документа Вы увидели. Это не все. Есть еще много других тегов и атрибутов. Но для начала этого Вам хватит.

Курс по HTML подошел к концу. Дальше Вас ждет еще больше увлекательных открытий.

Удачи в покорении Web-программирования.

Закрыть меню