RSS лента

HTML довідник

BODY        

Елемент <BODY> призначений для зберігання змісту веб-сторінки (контенту), що відображається у вікні браузера. Інформацію, яку слід виводити в документі, слід розташовувати саме всередині контейнера BODY. До такої інформації відноситься текст, зображення, теги, скрипти JavaScript і т.д. Тег <BODY> також застосовується для визначення кольорів посилань і тексту на веб-сторінці. Подібна практика в HTML 4 засуджується і натомість для вказівки колірної схеми рекомендується використовувати стилі, застосовуючи їх до селектора BODY. Тим не менше, більшість параметрів до цих пір підтримується різними браузерами. Часто тег <BODY> використовується для розміщення обробника подій, наприклад, onLoad, яке виконується після того, як документ завершив завантаження в поточне вікно або фрейм. Відкриваючий та закриваючий теги <BODY> на веб-сторінці не є обов’язковими, проте гарним стилем вважається їх використання, щоб визначити початок і кінець HTML-документа.

HEAD        

Тег <HEAD> призначений для зберігання інших елементів, мета яких — допомогти браузеру в роботі з даними. Також всередині контейнера <HEAD> знаходяться метатеги, які використовуються для зберігання інформації призначеної для браузерів і пошукових систем. Наприклад, механізми пошукових систем звертаються до метатегів для отримання опису сайту, ключових слів і інших даних. Вміст тега <HEAD> не відображається безпосередньо на веб-сторінці, за винятком тега <TITLE> встановлює заголовок вікна веб-сторінки. Всередині контейнера <HEAD> допускається розміщувати такі елементи: <BASE>, <BASEFONT>, <BGSOUND>, <LINK>, <META>, <SCRIPT>, <STYLE>, <TITLE>.

HTML      

Тег <HTML> є контейнером, який містить в собі весь вміст веб-сторінки, включаючи теги <HEAD> і <BODY>. Відкриваючий та закриваючий тег <HTML> в документі необов’язковий, але хороший стиль диктує неодмінне його використання. Як правило, тег <HTML> йде в документі другим, після визначення типу документа (Document Type Definition, DTD), встановлюваного через елемент <! DOCTYPE>. Закриваючий тег <HTML> повинен завжди стояти в документі останнім.

LINK      

Встановлює зв’язок із зовнішнім документом накшталт файлу зі стилями або із шрифтами. На відміну від тега <A>, тег <LINK> розміщується завжди всередині контейнера <HEAD> і не створює посилання.

META      

<META> Визначає метатеги, які використовуються для зберігання інформації призначеної для браузерів і пошукових систем. Наприклад, механізми пошукових систем звертаються до метатегів для отримання опису сайту, ключових слів і інших даних. Дозволяється використовувати більш ніж один метатег, всі вони розміщуються в контейнері <HEAD>. Як правило, параметри будь-якого тегу зводяться до пар «ім’я = значення», які визначаються ключовими словами content, name або http-equiv.

STYLE      

Тег <STYLE> застосовується для визначення стилів елементів веб-сторінки. Тег <STYLE> необхідно використовувати всередині контейнера <HEAD>. Можна задавати більш ніж один тег <STYLE>.

TITLE      

Визначає заголовок документа. Елемент <TITLE> не є частиною документа і не показується прямо на веб-сторінці. В операційній системі Windows текст заголовка відображається в лівому верхньому кутку вікна браузера. Допускається використовувати тільки один тег <TITLE> на документ і розміщувати його в контейнері <HEAD>.

CENTER      

Тег <CENTER> вирівнює вміст контейнера по центру щодо батьківського елементу.

U      

Додає підкреслення до тексту. Цей тег засуджується специфікацією HTML, натомість рекомендується використовувати стилі.

IMG      

Тег <IMG> призначений для відображення на веб-сторінці зображень в графічному форматі GIF, JPEG або PNG. Цей тег має єдиний обов’язковий параметр src, який визначає адресу файлу з картинкою. Якщо необхідно, то малюнок можна зробити посиланням на інший файл, помістивши тег <IMG> в контейнер <A>. При цьому навколо зображення відображається рамка, яку можна прибрати, додавши параметр border = «0» в тег <IMG>. Малюнки також можуть застосовуватися в якості карт-зображень, коли картинка містить активні області, що виступають в якості посилання. Така картка за зовнішнім виглядом нічим не відрізняється від звичайного зображення, але при цьому воно може бути розбите на невидимі зони різної форми, де кожна з областей служить посиланням.

A      

Тег <A> є одним з важливих елементів HTML і призначений для створення посилань. Залежно від присутності параметрів name або href тег <A> встановлює посилання або якір. Якорем називається закладка всередині сторінки, яку можна вказати в якості мети посилання. При використанні посилання, що вказує на якір, відбувається перехід до закладці всередині веб-сторінки. Для створення посилання необхідно повідомити браузеру, що є посиланням, а також вказати адресу документа, на який слід зробити посилання. Як значення параметра href використовується адреса документа (URL, Universal Resource Locator, універсальний вказівник ресурсів), на який відбувається перехід. Адреса посилання може бути абсолютним і відносним. Абсолютні адреси працюють скрізь і всюди незалежно від імені сайту або веб-сторінки, де прописана посилання. Відносні посилання, як випливає з їх назви, побудовані щодо поточного документа або кореня сайту.

LI

Тег <LI> визначає окремий елемент списку. Зовнішній тег <UL> або <OL> встановлює тип списку — маркований або нумерований.
OL

Тег <OL> встановлює нумерований список. Кожен елемент списку повинен починатися з тега <LI>. Якщо до тегу <OL> застосовується таблиця стилів, то елементи <LI> успадковують ці властивості.
UL

Тег <UL> встановлює маркований список. Кожен елемент списку повинен починатися з тега <LI>. Якщо до тегу <UL> застосовується таблиця стилів, то елементи <LI> успадковують ці властивості.

CAPTION    

Тег <CAPTION> призначений для створення заголовка до таблиці і може розміщуватися лише всередині контейнера <TABLE>, причому відразу після відкриваючого тега. Такий заголовок являє собою текст, за замовчуванням відображається перед таблицею і описує її зміст.

TABLE

Елемент <TABLE> служить контейнером для елементів, що визначають вміст таблиці. Будь-яка таблиця складається з рядків і осередків, які задаються за допомогою тегів <TR> і <TD>. Всередині <TABLE> допустимо використовувати наступні елементи: <CAPTION>, <COL>, <COLGROUP>, <TBODY>, <TD>, <TFOOT>, <TH>, <THEAD> і <TR>. Таблиці з невидимим кордоном довгий час використовувалися для верстки веб-сторінок, дозволяючи розділяти документ на модульні блоки. Подібний спосіб застосування таблиць знайшов втілення на багатьох сайтах, поки йому на зміну не прийшов більш сучасний спосіб верстки з допомогою шарів.

TD      

Призначений для створення однієї комірки таблиці. Тег <TD> повинен розміщатися усередині контейнера <TR>, який у свою чергу розташовується всередині тега <TABLE>.

TR      

Тег <TR> служить контейнером для створення рядка таблиці. Кожна клітинка в межах такого рядка може задаватися за допомогою тега <TH> або <TD>.

FONT        

Тег <FONT> представляє собою контейнер для зміни характеристик шрифту, таких як розмір, колір і гарнітура. Хоча цей тег до цих пір підтримується всіма браузерами, він вважається застарілим і від його використання рекомендується відмовитися на користь стилів.

BR

Тег <BR> встановлює новий рядок в тому місці, де цей тег знаходиться. На відміну від тега параграфа <P>, використання тега <BR> не додає порожній відступ перед рядком. Якщо текст, в якому використовується перехід рядка, обтікає плаваючий елемент, то за допомогою параметра clear тега <BR> можна зробити так, щоб наступна рядок починався нижче елемента.
DIV

Елемент <DIV> є блоковим елементом і призначений для виділення фрагмента документа з метою зміни виду вмісту. Як правило, вигляд блоку управляється за допомогою стилів. Щоб не описувати кожен раз стиль всередині тега, можна виділити стиль в зовнішню таблицю стилів, а для тега додати параметр class або id з ім’ям селектора. Як і при використанні інших блокових елементів, вміст тега <DIV> завжди починається з нового рядка. Після нього також додається перенесення рядка.
H1>…<H6

HTML пропонує шість заголовків різного рівня, які показують відносну важливість секції, розташованої після заголовка. Так, тег <H1> представляє собою найбільш важливий заголовок першого рівня, а тег <H6> служить для позначення заголовка шостого рівня і є найменш значним. За замовчуванням, заголовок першого рівня відображається найбільшим шрифтом жирного накреслення, заголовки подальшого рівня за розміром менше. Теги <H1> … <H6> відносяться до блочних елементів, вони завжди починаються з нового рядка, а після них інші елементи перенесені на наступний рядок. Крім того, перед заголовком і після нього додається порожній простір. Видом заголовком легко можна керувати за допомогою стилів.

P  

Визначає текстовий абзац. Тег <P> є блоковим елементом, перед ним завжди додається порожній рядок, параграфи тексту йдуть один за одним розділяються між собою вертикальним проміжком. Величиною проміжку можна керувати за допомогою стилів. Якщо закриваючого тега немає, вважається, що кінець параграфа збігається з початком наступного блокового елемента

SPAN        

Тег <SPAN> призначений для визначення вбудованих елементів документа. На відміну від блокових елементів, таких як <TABLE>, <P> або <DIV>, за допомогою тега <SPAN> можна виділити частину інформації всередині інших тегів і встановити для неї свій стиль. Наприклад, всередині параграфа (тега <P>) можна змінити колір і розмір першої літери, якщо додати початковий і кінцевий тег <SPAN> і визначити для нього стиль тексту. Щоб не описувати кожен раз стиль всередині тега, можна виділити стиль в зовнішню таблицю стилів, а для тега додати параметр class або id з ім’ям селектора.

FRAME

Тег <FRAME> визначає властивості окремого фрейма, на які ділиться вікно браузера. Цей елемент повинен розташовуватися в контейнері <FRAMESET>, який до того ж ставить спосіб розмітки сторінки на окремі області. У кожну з таких областей завантажується самостійна веб-сторінка визначається за допомогою параметра src. Хоча обов’язкових параметрів у тега <FRAME> і немає, рекомендується задавати кожному фрейму його ім’я через параметр name. Це особливо важливо, якщо потрібно за посиланням з одного фрейма завантажувати документ в іншій.
FRAMESET

Визначає структуру фреймів на веб-сторінці. Фрейми розділяють вікно браузера на окремі області, розташовані впритул один до одного. У кожну з таких областей завантажується самостійна веб-сторінка визначається за допомогою тега <FRAME>. За допомогою фреймів веб-сторінка ділиться на два або більше документа, які зазвичай містять навігацію по сайту та його контент. Механізм фреймів дозволяє відкривати документ в одному фреймі, за посиланням, натиснутою в абсолютно іншому фреймі. Тег <FRAMESET> замінює собою елемент <BODY> на веб-сторінці. Допустимо використовувати вкладену структуру елементів, це дозволяє розбити один фрейм на дві і більше області. При використанні фреймів візьміть до уваги їх наступні особливості. Пошукові системи погано працюють з фреймової структурою, оскільки на сторінках, які містять контент, зазвичай немає посилань на інші документи. Фрейми приховують адресу сторінки на якій знаходиться відвідувач і встановлений через тег <TITLE>, і завжди показують тільки адресу сайту. З цієї причини вподобану сторінку неможливо помістити в розділ «Вибране» браузера. Користувач найчастіше виявляється на сайті, зовсім не уявляючи, куди він потрапив, тому що всього лише натиснув на посилання, отриману в пошуковій системі. Щоб відвідувачу сайту було простіше розібратися, де він знаходиться, на кожну сторінку поміщають назва сайту, заголовок сторінки і навігацію. Фрейми, як правило, порушують даний принцип, відокремлюючи заголовок сайту від змісту, а навігацію від контенту. Уявіть, що ви знайшли підходящу посилання в пошуковій системі, натискаєте на неї, а в підсумку відкривається документ без назви і навігації. Щоб зрозуміти, де ми знаходимося або подивитися інші матеріали, доведеться редагувати шлях в адресному рядку, що в будь-якому випадку доставляє незручність. Велика кількість фреймів вимагає для браузера виділення більше пам’яті, ніж зазвичай.
IFRAME

Тег <IFRAME> створює плаваючий фрейм, який знаходиться усередині звичайної документа, він дозволяє завантажувати в область заданих розмірів будь-які інші незалежні документи. Тег <IFRAME> є контейнером, зміст якого ігнорується браузерами, що не підтримують даний тег. Для таких браузерів можна вказати альтернативний текст, який побачать користувачі. Він повинен розташовуватися між елементами <IFRAME> і </ IFRAME>.

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

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s

%d такие блоггеры, как: