Ноу Інти, лекція, введення в html
Коротка історія HTML
Початок історії HTML можна віднести до 1986 року, коли Міжнародна організація по стандартизації (ISO) прийняла стандарт ISO -8879, озаглавлений "Standard Generalized Markup Language (SGML)". Цей стандарт описував узагальнений метамова. дозволяє будувати системи структурної розмітки будь-яких різновидів текстів. Керуючі елементи (так звані теги), що вносяться до тексту при такій розмітці, не несли ніякої інформації про зовнішній вигляд документа, а лише задавали його логічну структуру. тобто вказували кордону і супідрядність складових частин документа. Розмічений таким чином текст могла інтерпретувати будь-яка програма. працює на будь-якій комп'ютерній платформі з будь-яким пристроєм виведення.
Семантичні вимоги HTML
Ключовими моментами в Специфікації HTML є синтаксичні правила HTML і визначення семантики його елементів.
Перш ніж дати визначення терміна "семантика" стосовно мови гіпертекстової розмітки. необхідно розібратися з поняттям структурної розмітки.
У загальному випадку структура документа являє собою певне розташування і зв'язок його частин, що складають єдине ціле. Згідно з ідеологією HTML. що вносяться до документ керуючі конструкції не повинні нести будь-якої інформації про візуальному представленні документа. Вони призначені тільки для позначення меж і підпорядкування складових частин HTML-документа. Іншими словами, при розмітці структури документа розробник повинен повністю абстрагуватися від питань подання та всього лише створити "каркас" майбутнього HTML-документа.
Природно, що для правильного опису структури документа необхідно чітко уявляти собі призначення кожного конкретного елемента HTML. що якраз і є семантикою елемента. Таким чином, семантична верстка являє собою вибір елементів HTML виходячи з їх смислового призначення, а не на основі того, як він виглядає в браузері.
Яскравим прикладом порушення правил семантичної верстки є так звана таблична верстка, яка представляє собою метод верстки документів, при якому структурний елемент TABLE використовується для управління візуальним розташуванням інших елементів, а не для представлення табличних даних, що є його смисловим призначенням. Тому використання елемента TABLE для подання нетаблічних даних є порушенням його семантики.
Семантична верстка невіддільна від концепції поділу структури та подання, згідно з якою мова розмітки гіпертексту HTML повинен використовуватися тільки для опису структури документа (тобто його змісту), а для візуального представлення цієї структури (тобто його оформлення) пропонується інший офіційно затверджений W3C стандарт - каскадні таблиці стилів CSS (Cascading Style Sheets).
Складові елементи HTML-документа
Будь HTML-документ являє собою набір елементів, що описують окремі складові документа, такі як заголовки, списки, абзаци тексту, таблиці та ін. Імена більшості елементів являють собою загальновживані слова англійської мови, зрозумілі скорочення і позначення.
Найчастіше елемент розмітки складається з трьох частин: початкового та кінцевого компонентів, між якими розміщуються текст або інші елементи документа. Ці компоненти являють собою спеціальні керуючі конструкції для розмітки вмісту HTML-документа і називаються тегами. Початковий тег складається з імені елемента, укладеного в кутові дужки (<и>). Кінцевий тег відрізняється від початкового тим, що перед ім'ям елемента в ньому ставиться коса риска (/). Наприклад, елемент EM, який використовується для акцентування тексту, буде мати наступний вигляд:
Слід також зауважити, що імена елементів не чутливі до регістру. тобто записи і рівнозначні.
Елементи повинні або слідувати один за одним, або бути вкладені один в інший. Так, якщо початковий тег розташований всередині елемента ...
Кінцеві теги деяких елементів в документі можна опускати, тому що більшість браузерів влаштовано так, що при обробці тексту документа початковий тег сприймається як кінцевий тег попереднього. Наприклад, кінцевий тег елемента LI. використовуваного для створення пункту списку, не обов'язковий, оскільки початок чергового пункту списку означає кінець попереднього. Є й інші кінцеві теги, без яких браузери відмінно працюють, наприклад, кінцевий тег