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 візьме тільки перше слово.
Невідомі теги і параметри
Якщо який-небудь тег або його параметр був написаний невірно, то браузер проігнорує подібний тег і буде відтворювати текст так, ніби тега і не було.