Html - короткий опис мови, що таке html, шаблон документа html, структурні елементи html,

Попередня ◈ Наступна

Техніка розмітки тексту за допомогою HTML

CSS (каскадні таблиці стилів) - це мова, призначена для оформлення веб-сторінок і деяких інших видів документів. Розробник стандартів HTML і CSS. Консорціум Всесвітньої Павутини (The World Wide Web Consortium, W3C) рекомендує розділяти структуру і уявлення - т. Е. Кодувати в HTML тільки логічну структуру документа, а все, що пов'язано з відображенням документа на екрані або поданням на інших пристроях, виконувати засобами CSS.

Цей сайт - не підручник по HTML і CSS. Хоча на цій сторінці міститься довідковий матеріал з основ обох мов, все ж для їх справжнього вивчення рекомендую звернутися до офіційної документації Консорціуму W3C. Велика частина матеріалу цього сайту призначена для тих, хто вже хоча б трохи володіє HTML і CSS.

Всі три слова в назві мови - «структурний», «розмітка» і «гіпертекст» - потребують додаткових пояснень, які зараз і будуть дані.

Тепер поговоримо про розмітку. Як вам відомо, в коді документа HTML знаходиться не тільки сама інформація, яку користувач побачить на веб-сторінці, а й деякі інструкції про те, як браузер користувача буде обробляти цю інформацію.

Наприклад, можна включити в документ таку конструкцію, як заголовок укладеного в теги H1. Користувач побачить на сторінці тільки сам текст заголовка. Навколишні його теги H1 не відображаються на сторінці, але постачають браузер інформацією, що дозволяє правильно інтерпретувати цей текст. Вони означають, що такий текст є заголовком першого рівня. Більшість сучасних графічних браузерів за замовчуванням виділяють цей заголовок напівжирним шрифтом збільшеного кегля. (Забігаючи наперед, зауважимо, що багато пошукові системи надають заголовкам більшу вагу, ніж звичайного тексту, а заголовкам першого рівня - в свою чергу, більшу вагу, ніж іншим заголовкам.)

Мова HTML призначений в першу чергу для структурної розмітки, т. Е. Для позначення кожного елемента відповідно до його місцем і роллю в структурі документа. Наприклад, тег

...<⁄p> позначає, що елемент є просто абзацом звичайного тексту, тег

    ...<⁄ul> - що елемент є переліком, тег
    ...<⁄blockquote> - що елемент є цитатою і т. Д.

    У HTML є також теги, що керують зовнішнім виглядом окремих елементів: наприклад, тег ...<⁄i> виділяє текст курсивом, тег ...<⁄font> змінює різні параметри шрифту, а тег
    вставляє новий рядок. Всі такі теги не належать до структурної розмітки, і застосовувати їх не рекомендується. Все, що стосується оформлення веб-сторінки, її зовнішнього вигляду, можна і потрібно робити за допомогою CSS.

    Одна з численних причин, чому оформлення слід робити засобами CSS. полягає в тому, що оформлювальні можливості HTML дуже мізерні. Наприклад, за допомогою HTML можна зробити рамки навколо таблиці - але не можна зробити рамки з різних сторін різними. А що стосується оформлення тексту (власне, йому і присвячений цей сайт) - HTML не надає для цього практично ніяких коштів. З ним не можна зробити абзацний відступ, розрядку, управляти міжрядковим інтервалом і междусловними пробілами ... Практично всі друкарське оформлення шрифту можна зробити тільки за допомогою CSS.

    Структурна розмітка не має ніякого відношення до зовнішнього вигляду документа. Документ може бути відображений на екрані комп'ютера, написаний від руки або надрукований на друкарській машинці; в кінці кінців, його можна прочитати вголос - але все заголовки в ньому залишаться заголовками, все neречні - переліками, а цитати - цитатами. Структурна роль елементів документа, на відміну від оформлення, ніяк не змінюється в залежності від того, якими засобами переглядають цей документ.

    Структурна розмітка - це розмітка, що позначає роль кожного елемента в структурі документа.

    Іншими словами, структурна розмітка говорить про те, чим є той чи інший елемент, а не про те, як його слід або не слід відображати. Грамотна структурна розмітка забезпечує незалежність документа із пристрою.

    Структурна розмітка не говорить про те, як конкретно повинен бути виділений текст. Але це не заважає розробнику оформити його належним чином за допомогою CSS. Технологія CSS дозволяє навіть написати окремі таблиці стилів для кожного можливого пристрою відображення.

    Структурна розмітка і оформлення не суперечать один одному. На грамотної веб-сторінці має бути і те, і інше. Структурну розмітку рекомендується виконувати засобами HTML. а оформлення - засобами CSS.

    Хороша структурна розмітка також полегшує автоматичну обробку документа. Наприклад, коли необхідно пронумерувати всі заголовки або скласти зміст документа - програма легко впорається з цим завданням, якщо заголовки позначені відповідними структурними тегами. Можна при цьому включити в середину документа нові заголовки - програмі не складе труднощів перенумерувати всі заново і оновити зміст. Якщо не використовувати для заголовків правильні теги H1, H2 і т. Д. То їх нумерація або складання змісту перетвориться в копітку і неефективну ручну роботу.

    Книги, які слід прочитати:

Попередня ◈ Наступна