Довідник по мові xhtml 1
Анатомія Web-сайту
Якщо ви ще не створювали Web-сайтів, загальна інформація про сайти допоможе вам зрозуміти призначення HTML / XHTML і CSS. а також особливості їх спільного використання.
Якщо ви працювали з одним з «візуальних» інструментів створення Web-сайтів, наприклад DreamWeaver або FrontPage. значить ви вже трохи просунулися по шляху навчання, проте це відступ допоможе вам зрозуміти, що ви будете вчити далі.
HTML і XHTML - це «клей», за допомогою якого розрізнені частини збираються в сторінку, яка відображається в браузері (Internet Explorer або Mozilla Firefox) в зручному для читання форматі. Браузер - це ваше вікно у Всесвітню Павутину (WWW).
XHTML - це мова, яка використовується для того, щоб сказати браузеру, яким чином слід розмітити Web-сторінку.
CSS з'являється на сцені, коли необхідно налаштувати стиль відображення елемента сторінки. Стиль може задавати колір, місце розташування, зображення, шрифти, відступи для елемента, але не впливає на інформацію, яка розмічена за допомогою XHTML.
Що таке XHTML і HTML?
Мова розмітки гіпертексту (HTML) - це програмна специфікація того, яким чином можна писати Web-сторінки, а також спосіб їх відображення на екрані комп'ютера.
XHTML - це скорочення від eXtensible Hypertext Markup Language (розширювана мова розмітки гіпертексту), специфікації, яка виросла з HTML.
Термін «розширюваний» ви зрозумієте відразу ж, але, щоб зрозуміти роль слів HTML в терміні XHTML. вам необхідно зрозуміти три слова, які складають абревіатуру HTML.
Гіпертекст (hypertext) - це просто текст, який розташований в «гіперпросторі» - в Інтернеті.
Це звичайний текст, який включає фактичний вміст вашої сторінки і інформацію, яка необхідна для коректного відображення сторінки і зв'язку її з іншими сторінками.
Гіпертекст форматується за допомогою мови розмітки (markup language) - стандартного набору символів і кодів, який однозначно інтерпретується всіма браузерами.
Організація, яка відповідає за створення і публікацію стандартів для різних Web-технологій, включаючи і XHTML. - World Wide Web Consortium, або W3C (Консорціум W3C). Дивіться також сайт групи стандартів Web, коаліції, яка бореться за впровадження Web-стандартів (www.webstandards.org).
Розмітка (markup) - це спосіб розділити два якісно різних види інформації, які містить Web-сторінка.
Перший вид інформації - це інформація про структуру сторінки, яка відповідає її змісту.
Якщо думати про Web-сторінці як про безліч слів, то код HTML - це розмітка, або каркас, який визначає, чим є інші слова - заголовками. списками або абзацами.
Спосіб, яким ви розмічають текст на сторінці, пов'язує інформацію, надаючи їй конкретне значення заголовка, підзаголовка або цитати.
Крім того, розмітка визначає уявлення елементів. Наприклад, для заголовків і підзаголовків використовуються різні шрифти. Перша версія HTML була всього лише засобом специфікації візуального представлення сторінки.
На першому етапі створення WWW за допомогою протоколу передачі гіпертексту (HTTP, Hypertext Transfer Protocol) можна було передавати тільки текст.
Коли з'явилася можливість передавати зображення, звук і іншу інформацію, в HTML були додані відповідні елементи.
Після декількох років швидкого зростання в HTML виявилося занадто багато коштів, які керують розміткою одного окремо взятого елемента.
Стало ясно, що описувати спосіб відображення кожного елемента сторінки неефективно, і тоді Web-спільнота розробило стандарт каскадних таблиць стилів (CSS. Cascading Style Sheets) як більш ефективний спосіб управління поданням сторінок.
Яка різниця між XHTML і HTML?
XHTML - це насправді HTML. просто це останній його стандарт, рекомендований консорціумом W3C.
В цьому довіднику код відповідає стандарту XHTML. так як цей стандарт є поточним стандартом W3C. Коли ви вивчаєте XHTML. ви вивчаєте HTML.
Існує кілька базових відмінностей коду XHTML від коду HTML. і в потрібний час я зверну на це вашу увагу.
XHTML - це більше, ніж HTML. тому що це розширювана мова. У XHTML використовуються правила синтаксису розширюваної мови розмітки (XML).
До складу розширюваної мови розмітки можна додати нові елементи, наприклад такі, які роблять математичні обчислення або малюють зображення.
Web-сторінки, написані на XHTML. легко можуть взаємодіяти зі сторінками XML.
Роз'яснення типів тегів в XHTML 1.0
В даному довіднику описані всі теги визначення XHTML 1.0 Transitional DTD. Зверніть увагу, що багато хто з цих тегів за своєю суттю відповідають за подання документа і були видалені з визначення Strict DTD. Для кожного тега наведені зауваження і рекомендації по використанню.
Роз'яснення типів тегів: Відображення ...
Блоковий (block): Тег блочного рівня, за замовчуванням створює блоковий прямокутник. Усі наступні теги будуть розміщені на новому рядку.
Вбудований (inline): Вбудований тег, створює прямокутник в рядку і не розриває її.
Структурний (structural): Тег, який використовується для формування структури документа або для структурування інших тегів в певній частині документа, наприклад, table. head і т. д.
Зверніть увагу, що тип відображення тега можна змінити за допомогою властивості display мови CSS. Термінологія, яка використовується тут, призначена для опису основного стандартного поведінки тега. У деяких тегів існує кілька типів відображення, наприклад структурний і блоковий. У таких випадках наводиться основний тип відображення.
Роз'яснення типів тегів: порожній і непорожній ...
Порожній (empty): Тег, який не містить даних, але є інструкцією для браузера для виконання якої-небудь дії, наприклад розриву рядка або відображення зображення.
У мові XHTML порожні теги завершуються слешем, як, наприклад:
.
Непорожній (non-empty): Тег, що містить дані. У мові XHTML всі непусті теги повинні бути закриті, як показано в наступному прикладі:
non-empty.