Синтаксис HTML5. Синтаксис PHP Синтаксис html тегів
Синтаксис мови HTML
Рис. 1.6. Відображення простої HTML-сторінки у веб-браузері
Основні правила HTML
Назви тегів HTML не є чутливими до регістру, а XHTML маленькі і великі літери вважаються різними, і імена тегів повинні записуватися маленькими літерами.
Елементи можуть включати текст і поделементи (наприклад, елемент html містить поделементи head і body у наведеному вище прикладі). Елементи мають бути правильно вкладені один в одного.
Поделементи, включені в елемент, повинні закінчуватися до елемента, що закриває гега. Наприклад, наступний запис є помилковим: <а>
Правильно цей фрагмент повинен мати такий вигляд:
Це напівжирний та похилий текст
У XHTML, якщо елемент не включає текст і поделементи (порожній елемент), все одно повинен мати теги, що відкривається і закривається. Наприклад, елемент br не має змісту та викликає розрив рядка (продовження тексту починається з нового рядка). Однак відповідно до правил він повинен записуватися наступним чином:
або скорочено
. Так само повинен записуватися і елемент
- Виведення горизонтальної лінії.
Відкриваючі теги елементів можуть мати атрибути,які уточнюють поведінку елемента та задають додаткові значення. Майже кожен тэг має велику кількість необов'язкових параметрів. Далі розглядатимуться лише основні атрибути тегів.
Багато атрибутів HTML є спільними для всіх елементів, але деякі є специфічними для даного елемента або елементів. Усі вони мають форму:
имя_атрибута="значення"
Наприклад:
Основи Hypertext Markup Language
У цьому прикладі елемент div (розділ HTML-сторінки, що дозволяє розділяти документи на логічні блоки) має атрибут id, для якого встановлено значення mySection. Елемент div містить елемент h1 (заголовок першого, чи найважливішого, рівня), який, своєю чергою, містить певний текст. Значення атрибутів повинні бути поміщені в одиночні або подвійні лапки.
Імена тегів та атрибутів та їх можливі значення визначаються специфікацією мови HTML, і власні теги чи атрибути створювати не можна.
У всіх елементах можна задавати атрибути id та class, значення яких використовуються для ідентифікації конкретних елементів (id) або групи елементів (class). Ці атрибути активно використовуються у скриптах документа та описах CSS стилів документа.
Є дві основні категорії елементів у HTML: блоковіі рядкові
- Блокові елементизазвичай інформують структуру документа. Такі елементи починаються з нового рядка, відриваючись від того, що було перед цим. Прикладами блокових елементів є параграфи, пункти списку, заголовки та таблиці, контейнери div.
- Рядкові елементимістяться всередині структурних елементів блокового рівня і охоплюють лише частини тексту документа, а чи не цілі області. Рядковий елемент не призводить до появи в документі нового рядка, тому що вони є елементами, що з'являються у параграфі тексту. Прикладами рядкових елементів є посилання, виділені слова або фрази, контейнери span.
HTML5 повертає нас до стилю десятирічної давності, коли практикувалося не закривати деякі теги, писати значення без лапок і за бажанням набирати теги у верхньому чи нижньому регістрі. Така вільність не означає, що будь-які правила повинні ігноруватися, як і раніше, слід дотримуватися коректної вкладеності тегів і вставляти обов'язкові елементи. Відхід від жорсткого синтаксису XHTML дозволяє зосередитись на змісті сайту, а не на дотриманні порожніх формальностей, більшість з яких викликає роздратування через своє несуттєве значення та непотрібність.
Елементи HTML
Базовою цеглою веб-сторінки є елемент. Вони можуть ділитися за різними критеріями, наприклад, за типом або призначенням.
Елементи за типом
Порожні елементи
До них відносяться елементи, у яких немає тега, що закриває:
,
,