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