Wdh html - введення в html

Елементи повинні або слідувати один за одним, або бути вкладені один в інший. Якщо початковий тег розташований всередині елемента

# 133;

Кінцеві теги деяких елементів можуть бути опущені. Наприклад, кінцевий тег елемента LI (пункт списку) не обов'язковий, оскільки початок чергового пункту списку означає кінець попереднього пункту:

• при використанні каскадних таблиць стилів відсутність кінцевого тега елементів часто призводить до непередбачуваних результатів;
• відповідно до стандарту XHTML. описаним нижче, кожен елемент повинен мати кінцевий тег.

Деякі елементи, такі, як BR (новий рядок), не мають кінцевого тега, оскільки не мають вмісту.

Атрибути елемента визначають його властивості. Наприклад, елемент IMG (графічний образ) має атрибут src. вказує розташування графічного файлу, і атрибут alt. задає альтернативний текст на той випадок, якщо оглядач не відображує графіком:

Атрибути завжди включаються в початковий тег елемента і мають вигляд:

Значення атрибута може бути укладено в одинарні або подвійні лапки. Лапки можна опустити, якщо значення атрибута складається тільки з латинських букв (A-Za-z), цифр (0-9), дефісів ( "-"), підкреслення ( "_"), двокрапок ( ":") і точок ( ".").

Імена атрибутів можуть бути набрані в будь-якому регістрі, але їх значення можуть залежати від регістру. Ми для визначеності всюди надалі пишемо імена елементів прописними буквами, а іменами атрибутів малими.

Ряд символів в мові HTML зарезервований і повинен представлятися спеціальним чином:

ліва кутова дужка ( "<")

Значення атрибутів в мові HTML можуть мати різні типи даних. Основними типами даних є наступні.

CDATA Значення атрибутів типу CDATA є ланцюжками символів, включаючи, можливо, спеціальні символи. При відображенні переноси рядків ігноруються, а символи повернення каретки і табуляції замінюються на прогалини. Також ігноруються початкові і кінцеві пробіли в значенні атрибута. Зазвичай (але не завжди) значення типу CDATA залежать від регістра. ID і NAME Значення атрибутів типу ID і NAME повинні починатися з літери (A-Za-z) і складатися тільки з латинських букв (A-Za-z), цифр (0-9), дефісів ( "-"), підкреслення ( "_"), двокрапок ( ":") і точок ( "."). Ці значення залежать від регістра. Вони відрізняються тим, що NAME може містити спеціальні символи, а ID не може. IDREF і IDREFS Значення типу IDREF і IDREFS вказують на ідентифікатори, т. Е. На значення атрибута id інших елементів. Значення типу IDREF # 151; це єдиний ідентифікатор, а значення типу IDREFS # 151; це список ідентифікаторів, розділених пробілами. IDREF і IDREFS залежать від регістра. Число Числові значення атрибутів # 151; це десяткові числа, що складаються хоча б з однієї цифри (0-9). Текст Текстові значення атрибутів # 151; це значення типу CDATA, що представляють собою осмислений текст. URI Значення атрибутів типу URI # 151; це уніфіковані ідентифікатори ресурсів (повні або відносні), синтаксис яких повинен відповідати Додатку 2. Колір Кольорові значення атрибутів можуть задаватися або шістнадцятковим числом з префіксом "#" виду "#rrggbb", що задає RGB-код кольору, або одним з 16-ти символічних імен, наведених в Таблиці П9.1. Імена квітів не залежать від регістра.

Примітка. Оглядачі Microscape додатково підтримують імена квітів, перераховані в Таблиці П9.2.

Альтернативна версія цього видання. З атрибутом lang вказує на переклад даного документа на іншу мову, з атрибутом media вказує на версію документа, призначену для іншого носія (наприклад, для друку).

Сценарій Значення атрибутів цього типу # 151; це сценарії клієнта, які зазвичай представляють собою виклик функції або кілька операторів на интерпретируемом мовою. Синтаксис сценарію визначається синтаксичними правилами відповідної мови програмування. Таблиця стилів Значення атрибутів цього типу # 151; таблиці стилів на мові CSS. Фрейм Значення атрибутів цього типу задають імена фреймів. Вони повинні починатися з літери (A-Za-z), за винятком таких спеціальних значень.

Завантажити документ в нове безіменне вікно.

Завантажити документ у вікно поточного фрейма.

Завантажити документ у вікно предка поточного фрейма. Якщо фрейм не має предка, еквівалентно _self.

Завантажити документ в повне поточне вікно, скасовуючи тим самим все фрейми.

Ряд атрибутів застосуємо до більшості елементів HTML. Ці атрибути поділяються на:

• базові атрибути (class. id. style і title), які визначають загальні властивості елементів;
• локалізуючі атрибути (dir і lang), які вказують на властивості мови, на якому написано вміст елемента;
• обробники подій. які визначають реакцію даного елемента на різні події.

Атрибут id привласнює елементу ім'я, унікальне в межах даного документа. Ніякі два елементи не можуть мати однакових значень id. Цей атрибут має кілька застосувань в HTML:

У наступному прикладі атрибут id використаний для ідентифікації двох абзаців:

З абзацами з цього прикладу можуть бути пов'язані відповідні стилі. Наприклад, наступна таблиця стилів визначає кольори кожного з абзаців:

Примітка. Значення атрибутів id і name зберігаються в одному просторі імен, тому їх значення не можуть збігатися в межах документа. Відзначимо також, що name може містити спеціальні символи, а id немає.

Атрибут class вказує, що елемент є членом певного класу. На відміну від атрибута id будь-яку кількість елементів може ставитися до одного класу. Далі, елемент може належати до декількох класів # 151; в цьому випадку значенням атрибута є список імен класів, розділених пробілами.

Примітка. Більшість оглядачів не підтримують списки класів, просто ігноруючи такий атрибут class.

Атрибут class особливо корисний в селекторах стилів. Розглянемо наступний приклад:

Тут в заголовку документа задані розміри шрифту для звичайних абзаців і для абзаців класу note (примітка). Тепер для того, щоб включити в текст примітка, досить привласнити відповідного абзацу (т. Е. Елементу P) атрибут class = "note". Саме так побудовані всі примітки в даному довіднику.

Атрибут style дозволяє задати стиль елемента всередині його початкового тега, наприклад:

Для використання цього атрибута в заголовок документа потрібно включити метаопісатель

У більшості випадків вживання атрибутів class та id краще, т. К. Вони забезпечують поділ вмісту документа і стилю його відображення, що зазвичай спрощує супровід розробки.

Атрибут title визначає титул елемента і часто використовується оглядачами як підказка (tooltip), яка виводиться на екран, коли курсор поміщається на даний елемент. Він особливо корисний в елементах A. LINK. IMG і OBJECT. в яких він вказує на титул пов'язаного або вкладеного ресурсу. Наведемо кілька прикладів.

Атрибут title корисний також з елементами ABBR і ACRONYM. де він дозволяє дати розшифровку скорочення. приклади:

Атрибут lang визначає природну мову, на якому написані значення інших атрибутів даного елемента і його вміст (а також всіх вкладених елементів, які не мають свого атрибута lang). Хоча цей атрибут підтримується не надто широко, він знаходить все більше застосування, наприклад:

• деякі пошукові системи індексують документи по їх мови;
• синтезатори мови можуть використовувати правила вимови, які визначаються конкретним мовою;
• оглядачі можуть в залежності від мови використовувати різні шрифти, враховувати правила перенесення слів, перевіряти правопис і т. д.

Значення атрибута lang не залежить від регістра. Список його можливих значень наведено в Додатку 8.

Основна мова документа може бути заданий атрибутом lang в елементі HTML або в поле заголовка HTTP Content-Language.

Примітка. Атрибут lang не повинен використовуватися для завдання напряму виведення тексту # 151; воно задається атрибутом dir.

Атрибут dir визначає напрямок виведення тексту: зліва направо (dir = "ltr", за замовчуванням) або справа наліво (dir = "rtl"). Всім символам в кодуванні Unicode приписано напрямок, з тим, щоб текст відображався правильно. Так, латинські та українські літери виводяться зліва направо, а єврейські і арабські - справа наліво.

Стандарт Unicode визначає двонаправлений алгоритм, який повинен застосовуватися щоразу, коли документ містить символи, що виводяться справа наліво. Хоча зазвичай цей алгоритм дає правильне зображення тексту, існують ситуації, коли напрямок виведення тексту доводиться ставити явно за допомогою атрибута dir.

Припустимо, наприклад, що російське пропозицію містить івритських фразу, яка містить англійську цитату. У цьому випадку напрямок виведення івритської фрази потребують явного вказівки напряму: івритського фраза, включаючи англійську цитату, повинна бути укладена в елемент SPAN або BDO з атрибутом dir = "rtl".

HTML підтримує обробку багатьох подій, які можуть відбуватися на комп'ютері-клієнті. Для обробки події потрібно присвоїти елементу відповідний атрибут, ім'я якого є ім'ям цієї події, а значенням - сценарій (або виклик функції, або набір операторів). Значення такого атрибута може містити спеціальні символи.

Якщо документ містить обробку подій, то мова сценаріїв, прийнятий за замовчуванням, повинен бути заданий в заголовку документа в метаопісателе