Відмінності між версіями «3 Синтаксис та текстова розмітка»
(Створена сторінка: Синтаксис написання тегів HTML Щоб браузер розумів, що має справу не з простим текстом, а ...) |
|||
Рядок 5: | Рядок 5: | ||
Теги бувають поодинокими і парними (контейнери). Одиночний тег використовується самостійно, а парний може включати всередині себе інші теги або текст. У тегів допустимі різні параметри, які розділяються між собою пробілом. Втім, є теги, без всяких додаткових атрибутів. Параметри умовно можна поділити на обов'язкові, вони неодмінно повинні бути присутнім, і необов'язкові, їх додавання залежить від мети застосування. | Теги бувають поодинокими і парними (контейнери). Одиночний тег використовується самостійно, а парний може включати всередині себе інші теги або текст. У тегів допустимі різні параметри, які розділяються між собою пробілом. Втім, є теги, без всяких додаткових атрибутів. Параметри умовно можна поділити на обов'язкові, вони неодмінно повинні бути присутнім, і необов'язкові, їх додавання залежить від мети застосування. | ||
'''Теги можна писати як великими, так і малими символами''' | '''Теги можна писати як великими, так і малими символами''' | ||
− | + | Будь-які теги, а також їх параметри нечутливі до регістру, тому форму запису ви вільні вибирати самі, як писати - <BR> або <br>. У кожному разі рекомендується дотримуватися обраної форми запису протягом усіх сторінок сайту. Зауважимо також, що текст, набраний повністю прописними символами, читається гірше, ніж текст з рядковими символами або змішаний. | |
'''Для параметрів тегів використовуються значення за замовчуванням''' | '''Для параметрів тегів використовуються значення за замовчуванням''' | ||
− | + | Коли для тега не додано який-небудь допустимий параметр, це означає, що браузер в цьому випадку буде підставляти значення, задане за замовчуванням. Якщо ви очікували отримати інший результат на веб-сторінці, перевірте, можливо, слід явно вказати значення деяких параметрів. | |
'''Перенесення силок''' | '''Перенесення силок''' | ||
− | + | Усередині тега між його параметрами допустимо ставити перенос рядків. У прикладі 5.1 показана одна і та ж рядок, але оформлена різними способами. | |
Приклад 5.1. Перенесення рядків у коді тега | Приклад 5.1. Перенесення рядків у коді тега | ||
<img src="/images/title2.gif" alt="Вид заголовка в браузері Internet Explorer" | <img src="/images/title2.gif" alt="Вид заголовка в браузері Internet Explorer" | ||
Рядок 18: | Рядок 18: | ||
height="118"> | height="118"> | ||
[[Зауваження]] | [[Зауваження]] | ||
− | + | Хоча помилки при переносі тексту в подібному випадку і не виникне, рекомендуємо писати теги в один рядок, інакше погіршується сприйняття коду і його стає складніше правити. | |
'''Параметри тегів і лапки''' | '''Параметри тегів і лапки''' | ||
Згідно специфікації HTML всі параметри тегів слід брати в подвійні або одинарні лапки. Відсутність лапок не призведе до помилок, браузери досить коректно обробляють код і без лапок, за винятком тексту, що містить прогалини (приклад 5.2). | Згідно специфікації HTML всі параметри тегів слід брати в подвійні або одинарні лапки. Відсутність лапок не призведе до помилок, браузери досить коректно обробляють код і без лапок, за винятком тексту, що містить прогалини (приклад 5.2). | ||
Рядок 26: | Рядок 26: | ||
У даному прикладі перший рядок написана правильно, з усіма лапками, а в другій у параметра alt лапки відсутні. Через це браузер як значення параметра alt візьме тільки перше слово. | У даному прикладі перший рядок написана правильно, з усіма лапками, а в другій у параметра alt лапки відсутні. Через це браузер як значення параметра alt візьме тільки перше слово. | ||
'''Невідомі теги і параметри''' | '''Невідомі теги і параметри''' | ||
− | + | Якщо який-небудь тег або його параметр був написаний невірно, то браузер проігнорує подібний тег і буде відтворювати текст так, ніби тега і не було. |
Версія за 20:05, 21 грудня 2011
Синтаксис написання тегів 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 візьме тільки перше слово.
Невідомі теги і параметри
Якщо який-небудь тег або його параметр був написаний невірно, то браузер проігнорує подібний тег і буде відтворювати текст так, ніби тега і не було.