Назначение тегов

В любом браузере можно посмотреть исходный код страницы сайта, щелкнув по ней правой кнопкой мыши. Когда браузер загружает страницу, он расшифровывает этот код и отображает его соответствующим образом на экране монитора. Но, чтобы браузеру был понятен этот код, используется специальная форма записи картинок, текстов, таблиц, называемая языком разметки гипертекста HTML, основной единицей которого является тег. Теги представляют собой набор управляющих символов или команд, заключаемый в угловые скобки. Они рассказывают браузеру как отобразить тот или иной фрагмент текста. Используя различные теги, с помощью языка разметки текста можно придать странице красивое оформление и приятный вид. Профессиональный веб-мастер знает язык разметки гипертекста как музыкант нотную грамоту. С помощью тегов располагаются все элементы на странице, включаются изображения, выравнивается текст, определяется цвет текста, характеристики его шрифта. Ошибки в использовании тегов могут привести к самым плачевным результатам для внешнего вида сайта. При некачественной верстке текст может не только «поплыть» и «поехать», но и даже лишиться отдельных фрагментов, которые для посетителя сайта окажутся невидимыми.

По сути, каждый тег (он помещается в угловые скобочки, например <br>) представляет команду, которую браузер воспринимает к действию, не отображая на экране. Тег <br> показывает, например, что здесь нужно сделать перенос строки. Теги для сайта бывают одиночные и двойные, простые и сложные, основное их назначение в процессе создания сайта-разметка гипертекста таким образом, чтобы он стал более компактным по объему. При этом у браузера есть такая программная понималка, которая предназначена для распознавания разных тегов. Если браузер при этом встретит неизвестный тег, то он его игнорирует. С помощью тегов Вы управляете всем, что нужно показать либо не показывать на мониторе, при отображении запланированного Вами.

Типы тегов. Краткая характеристика

Редактор сайта, как правило, имеет дело с различными тегами. Все теги HTML делятся условно на следующие типы:

- Теги верхнего уровня. Они, предназначаются для формирования структуры веб-страницы, определяют раздел тела и заголовка документа. К ним относятся теги <html>, <head>и <body>.

- Теги заголовка документа. К ним относятся теги, которые располагаются в контейнере <head>. Все они не отображаются напрямую в окне браузера, кроме тега <title>, он отражает содержание веб-страницы. К этому типу относятся также и мататеги<meta>. Они предназначены для хранения информации, предназначенной для поисковиков и браузеров. Поисковики, например, обращаются к ним для получения описания сайтов, ключевых слов и т.д. К тегу <meta> применяется множественное число, та как он имеет несколько атрибутов.

- Блочные теги. Эти элементы характеризуются тем, что всегда начинаются с новой строки и занимают всю допустимую ширину ее. К ним относятся : <blockquote>, блочный контейнер <div>, группа тегов <h1>,…,<h6>, которая определяет текстовые заголовки разного уровня, <hr> — рисование горизонтальной линии, <p> и <pre>.

- Строчные элементы. Это теги, которые используются для логического выделения текста или его видоизменения. Они являются частью другого элемента, абзаца текста, например. Их довольно много: <a>,<b>,<big>,<br>, <em>, <img>,<small>,<span>,<strong>,<sub>,<sup>.

- Универсальные теги. Они характеризуются тем, что могут использоваться как встроенные либо блочные элементы в зависимости от контекста. К ним относятся теги <del> и <ins>.

- Теги для списков. Они формируют различного рода списки. Это теги: <ol>,<ul>,<li> и <dd>, <dt>, <dl>.

- Табличные теги . <table>,<td>,<th>,<tr>. Они используются для создания таблиц.

- Теги для фреймов. С помощью фреймов веб-страница разделяется на несколько документов, содержащих навигацию по сайту и его контент. Фреймы помогают открывать документ в одном фрейме , используя ссылку в другом. Для этого используются теги: <frame>,<frameset>,<iframe>.

Если файлы обрабатываются РНР, то при этом ищет открывающие и закрывающие теги, php теги типа <?php и ?> указывают, когда необходимо начинать и заканчивать обработку кода, находящегося между ними. Такой способ обработки позволяет РНР внедряться во все виды разных документов, ибо все, что будет располагаться вне пары закрывающих и открывающих тегов, будет проигнорировано.

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

Поделиться в соц. сетях

Назначение тегов
Назначение тегов
Назначение тегов
Назначение тегов
Назначение тегов
Назначение тегов

Похожие записи

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

http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика