3 Синтаксис та текстова розмітка

Синтаксис написання тегів HTML Щоб браузер розумів, що має справу не з простим текстом, а з особливим елементом, який задає його форматування, і застосовуються теги. Теги є основою HTML і беруться в кутові дужки. Загальний синтаксис написання тегів наступний. <тег параметр1=" значення " параметр2=" значення "> <тег параметр1=" значення " параметр2="значення">...</тег> Теги бувають поодинокими і парними (контейнери). Одиночний тег використовується самостійно, а парний може включати всередині себе інші теги або текст. У тегів допустимі різні параметри, які розділяються між собою пробілом. Втім, є теги, без всяких додаткових атрибутів. Параметри умовно можна поділити на обов'язкові, вони неодмінно повинні бути присутнім, і необов'язкові, їх додавання залежить від мети застосування.

Теги можна писати як великими, так і малими символами Будь-які теги, а також їх параметри нечутливі до регістру, тому форму запису ви вільні вибирати самі, як писати -
або
. У кожному разі рекомендується дотримуватися обраної форми запису протягом усіх сторінок сайту. Зауважимо також, що текст, набраний повністю прописними символами, читається гірше, ніж текст з рядковими символами або змішаний.

Для параметрів тегів використовуються значення за замовчуванням Коли для тега не додано який-небудь допустимий параметр, це означає, що браузер в цьому випадку буде підставляти значення, задане за замовчуванням. Якщо ви очікували отримати інший результат на веб-сторінці, перевірте, можливо, слід явно вказати значення деяких параметрів.

Перенесення силок Усередині тега між його параметрами допустимо ставити перенос рядків. У прикладі 5.1 показана одна і та ж рядок, але оформлена різними способами. Приклад 5.1. Перенесення рядків у коді тега <img src="/images/title2.gif" alt="Вид заголовка в браузері Internet Explorer" width="438" height="118"> <img src="/images/title2.gif" alt="Вид заголовка в браузері Internet Explorer" width="438" height="118"> Зауваження Хоча помилки при переносі тексту в подібному випадку і не виникне, рекомендуємо писати теги в один рядок, інакше погіршується сприйняття коду і його стає складніше правити.

Параметри тегів і лапки Згідно специфікації HTML всі параметри тегів слід брати в подвійні або одинарні лапки. Відсутність лапок не призведе до помилок, браузери досить коректно обробляють код і без лапок, за винятком тексту, що містить прогалини (приклад 5.2). Приклад 5.2. Використання лапок в параметрах тегів <img src="/images/title2.gif" alt="Вид заголовка" width="438" height="118"> <img src="/images/title2.gif" alt=Вид заголовка width="438" height="118"> У даному прикладі перший рядок написана правильно, з усіма лапками, а в другій у параметра alt лапки відсутні. Через це браузер як значення параметра alt візьме тільки перше слово.

Невідомі теги і параметри Якщо який-небудь тег або його параметр був написаний невірно, то браузер проігнорує подібний тег і буде відтворювати текст так, ніби тега і не було.

Текстова розмітка

Існує два головних класу текстової розмітки: логічна і фізична. Логічна розмітка показує роль текстового сегменту, наприклад, велику значимість у порівнянні зі звичайним текстом або те, що даний сегмент є цитатою. Фізична розмітка пов'язана з поданням тексту в спеціальній манері, наприклад, з використанням шрифтів або спеціального виду підкреслення.

Логічна розмітка:

Для виделенія тексту існує два теги - em і strong, де strong, використовується для більш сильного виділення. Для виділення цитат використовується тег cite, коду програми code, службові повідомлення samp, для позначення тексту, що набирається на клавіатурі або для назви клавіш тег kbd.

Фізична розмітка:

Для фізичної розмітки використовуються шрифтові теги: i – курсив, b – виділення, u – підкреслення, strike – закреслений текст, big – великий шрифт, small – малий шрифт, sub – підкреслений текст, sup – надкреслений текст.