і атрибути усередині тега не чутливі до регістра. Тег <BODY BGCOLOR=white> працюватиме так само, як <body bgcolor=white>. Проте
значення певних атрибутів можуть бути чутливі до регістра. Це відноситься, зокрема, до імен файлів і URL.
Контейнери. Більшість тегів є контейнерами. Це означає, що у них є початковий (відкриваючий або стартовий) і кінцевий (закриваючий) теги. Текст, що знаходиться між тегами, виконуватиме інструкції, що містяться в них. Наприклад:
Weather is <I>gorgeous</I>today.
Результат: Weather is gorgeous today.
Кінцевий тег має те ж ім'я, що і початковий, але перед ним стоїть
сл ш (/). Його можна розглядати як "вимикач" тега. Кінцевий тег ніколи не містить атрибутів.
В деяких випадках кінцевий тег не обов'язковий, і браузер визначає кінець тега з контексту. Частіше за все опускають кінцевий тег <р> (абзац). Браузери раніше підтримували цей тег без відповідного завершення, тому багато авторів Web звикли використовувати коротку форму. Це дозволено не всім тегам, і не всі браузери прощають їх відсутність. Тому, якщо є сумніви, включіть в текст закриваючий тег. Це особливо важливо, коли в документі ви використовуєте каскадні таблиці стилів.
Автономні теги. Деякі теги не має завершальних тегов, тому що вони використовуються для розміщення окремих (автономних) елементів на сторінці. Одним з них є тег зображення <img>, він просто поміщає графіку в потік сторінки. Інші автономні теги — це розривши рядки (<br>), горизонтальна лінія (<hr>) і теги, що містять інформацію про документ і не впливаючі на вміст, що виводиться на екран, такі як <meta> і <base>.
Атрибути. Атрибути додаються в тег для розширення або модифікації його дій. До одного тегу можна додати декілька атрибутів. Якщо атрибути тега слідують після імені тега, вони розділяються одним або декількома пропусками. Порядок проходження не важливий. Більшість атрибутів має значення, які слідують за знаком рівності (=), що знаходиться після імені атрибута. Довжина значень обмежена 1024 символами. Значення
можуть бути чутливі до регістра. Іноді значення повинні знаходитися в лапках (подвійних або одинарних). Правила запису значення наступні:
- якщо значення є одним словом або числом і складається тільки з букв (a-z), цифр (0-9) і спеціальних символів (точка <.> або дефіс <->), то можна помістити його після знака рівності без лапок;
- якщо значення містить декілька слів, розділених комами або пропусками, або містить спеціальні символи, відмінні від крапки або дефіса, тоді його необхідно помістити в лапки. Наприклад, URL вимагають лапок, тому що вони містять символи "://". Також лапки необхідні при завданні значень кольорів з використанням формату "#rrggbb".
Якщо ви не упевнені, чи варто використовувати лапки, використовуйте їх завжди для всіх значень.
В теги HTML можуть поміщатися інші HTML-теги для здійснення дії декількох тегів на один елемент. Це називається вкладенням, і, що б правильне його здійснити, початковий і кінцевий теги вкладеного тега повинні обов'язково знаходитися між початковим наконечним тегами зовнішнього тега, наприклад:
Weather is <Bxl>gorgeous</Ix/B> today.
Результат: Weather is gorgeous today.
Помилкою, що часто зустрічається, є перекриття тегів. Хоча частину
браузерів відображають вміст, відзначений таким чином, багато хто не дозволяє порушувати правило, тому важливо розмішати теги правильно. Наступний приклад показує невірне вкладення тегів (помітьте, що тег <В> закривається перед закриттям <І>):
Weather is <Bxl>gorgeous</BxA>today — дана інформація, ігнорована браузерами.
Інформація, ігнорована браузерами. Деяка информация Ниже приводиться інформація, що міститься в документі HTML, включаючи певні теги, яка ігноруватиметься при перегляді браузерами. В її склад входять:
- розриви рядків. Символи кінця рядків в документі HTML ігноруються. Текст і елементи переноситимуться до тих пір, поки в потоці тексту документа не зустрінеться тег <р> або <Ьг>. Розриви рядків виводяться, якщо текст позначений як текст із заданим форматом (<рге>);
- символи табуляції і множинні пропуски. Коли браузер зустрічає в документі HTML символ табуляції і декілька послідовних символів пропуску, він виводить тільки один пропуск. Таким чином, якщо документ містить: "far, far away", браузер виведе "far, far away". Додаткові пропуски можна додати в текстовий потік, використовуючи символ нерозривного пропуску (Snbsp;). Крім того, всі пропуски виводяться, якщо текст є форматованим (знаходиться в тегах <рге>);
- множинні <р>-теги. Послідовність тегів <р>, що не перериваються текстом, всіма браузерами інтерпретується як надмірна. Вміст виводитиметься так, як якби був тільки один тег <р>. Більшість браузерів виведе дещо тегів <Вг> у вигляді декількох переходів на новий рядок;
- нерозпізнавані теги. Якщо браузер не розуміє тег або той був невірно заданий, то браузер його просто ігнорує. Залежно від тега і браузера це може привести до різних результатів. Або браузер нічого не виведе, або він може відобразити вміст тега як звичайний текст;
- текст в коментарях. Браузери не виводять текст між спеціальними елементами <! І ->, які використовуються для позначення коментарів. Після символів початку коментаря і перед символами закінчення обов'язково повинен знаходитися пропуск. В сам коментар можна поміщати практично все. Коментарі не можна вкладати. В Microsoft Internet Explorer є фірмовий тег, позначаючий коментарі <com-ment>...</comment>. Проте, він не підтримується іншими браузерами.
ІЗ. Забезпечення доступності інтернет-магазина
При розробці інтернет-магазина фіксованого розміру, ймовірно, доведеться вибирати для неї розмір екрану. Здоровий глузд підказує, що сторінка повинна бути доступна (і правильно відображатися) для максимально можливого числа користувачів. Ідея проста: необхідно визначити дозвіл дисплея, що часто використовується, і розробити сторінку так, щоб сторінка гарантований заповнювала весь робочий простір.
Більшість дизайнерів рекомендує розробляти сторінки у форматі 640x480, щоб при перегляді користувачам не довелося застосовувати горизонтальну прокрутку. Горизонтальна прокрутка