Невпорядковані списки
Тег Тег
сигналізує броузеру, що все, що йде за ним, аж до тега, що закриває
, є невпорядкований список елементів. Усередині неупорядкованого списку кожен елемент відзначається тегом. Крім того, до списку може входити практично будь-який HTML/XHTML-вміст, включаючи інші списки, текст і мультимедійні елементи. або форматування, наприклад відступ від лівого краю вікна. Дійсне відображення неупорядкованих списків хоч і подібно до популярних броузерів (рис. 7.1), не визначається стандартами, так що не треба захоплюватися точним позиціонуванням елементів на екрані.
Ось приклад неупорядкованого списку, описаного відповідно до стандарту XHTML: Popular Kumquat recipes:
- Pickled Kumquats
- 'Quats and 'Kraut (a holiday favorite!)
- 'Quatshakes
Ви можете спорудити деякі хитромудрі фрагменти, застосовуючи цей спосіб. Але тільки не покладайтеся на нього, маючи справу з різними броузерами, особливо з тими, що з'являться в майбутньому.
Краще застосувати властивість border у визначеннях стилю в тегах абзацу (
), щоб організувати відступи у секціях вашого документа, які є списками.
Атрибут typeГрафічні броузери автоматично постачають кожен позначений тегом елемент невпорядкованого списку спеціальним маркером. Зокрема, Netscape і Firefox виводять ромб, а Internet Explorer і Opera застосовують суцільний забарвлений кружок. Броузери, що підтримують HTML 3.2 і пізніші версії, включаючи 4.0 та4.1, як і і XHTML 1.0, дозволяють використовувати атрибут type визначення того, який знак маркера буде відзначати елементи неупорядкованого списку. Цей атрибут може набувати таких значень: disc (диск), circle (коло), square (квадрат).
Усі елементи у списку будуть відзначені вказаним маркером, якщо окремий елемент не скасує його специфікацію. Як це робиться, описано далі у цьому розділі. З появою стандарту каскадних таблиць стилів W3C визнав небажаним HTML 4 і XHTML атрибут type.
Очікується, що він вийде із вживання.
Компактні неупорядковані спискиЯкщо ви любите широкі відкриті простори, вам не сподобається необов'язковий атрибут тега
-
compact. Він пропонує броузеру стиснути невпорядкований список компактний блок меншого розміру. Зазвичай, броузер зменшує відстань між представленими елементами. І якщо він щось і робить з відступами у списку, так зменшує їх (зазвичай броузер нічого з ними не робить).
Деякі броузери ігнорують атрибут compact, тому слід покладатися на його властивості форматування. Крім того, цей атрибут визнаний небажаним у стандартах HTML 4 та XHTML, тому йому недовго залишилося жити.
Атрибути class і styleАтрибути class і style дають можливість управління відображенням списків за допомогою каскадних таблиць стилів, що дозволяє здійснювати більш досконалий контроль, ніж той, якого можна досягти із застосуванням окремих атрибутів, подібних до type . Включіть атрибут style у тег
-
, щоб призначити як маркерів ваші власні піктограми, замість того щоб вживати загальноприйняті кружки, диски та квадратики. Атрибут class дозволяє застосовувати до вмісту тега стиль, заздалегідь визначений для даного класусписків.
Значення атрибута class – це ім'я стилю, визначеного в таблиці стилів на рівні документа чи зовнішнім чином.
Атрибути lang та dirАтрибут lang дозволяє визначити мову, яка вживається в списку, а атрибут dir дає можливість порадити броузеру, в якому напрямку слід виводити текст. Значення атрибуту lang – це дволітерний код мови за стандартом ISO, що включає необов'язковий мовний модифікатор. Наприклад, lang=en-UК повідомляє броузеру, що список написаний англійською, причому так, як кажуть і пишуть у Великій Британії (United Kingdom). Передбачається, що броузер якось відобразить у макеті та друкарських рішеннях ваш вибір мови.
Атрибут dir повідомляє броузеру, в якому напрямку слід відображати вміст списку: зліва направо (dir=ltr), як в англійській чи українській мові, або праворуч наліво (dir=rtl) для таких мов, як китайська або іврит.
Атрибути id та titleВикористовуйте атрибут id для забезпечення неупорядкованого списку міткою. Допустиме значення атрибута – укладений у лапки рядок, який унікальним чином ідентифікує список і дозволяє використовувати його як мету гіперпосилань та селектора в таблицях стилів, для автоматичного пошуку та інших програм.
Ви також можете використовувати необов'язковий атрибут title та укладений у лапки рядок – значення атрибуту – для додаткової ідентифікації списку. На відміну від id, значення атрибута title має бути унікальним.
Атрибути подійБагато тих, що стосуються поведінки користувача події як усередині списку, так і поза ним, такі як одинарне або подвійне клацання мишею в області відображення списку, розпізнаються сучасними броузерами. За допомогою відповідних on-атрибутів та їхзначень можна реагувати на ці події, відображаючи вікно діалогу з користувачем або активізуючи якусь мультимедійну подію.