ис ідентифікатора починається з символу # (дієз) і закінчується найменуванням:
fblack {background-color: black; }
Наприклад, присвоївши даний ідентифікатор тегу то, ми отримаємо комірку таблиці, залиту чорним кольором:
lt; TD color= lt; black gt; Ячейка чорного кольору lt;/ТD gt;
Порівнявши функції селектора класу і ідентифікатора, можна задатися цілком закономірним питанням - чим же відрізняються ці селектори? Дійсно, формат визначення селектора обох типів аналогічний за структурою і присвоєнню HTML-елементів. Однак селектор ідентифікатора часто застосовується для завдання унікального імені елементу, який задіяний в програмному сценарії (скрипті). На відміну від нього, селектор класу обмежується, в основному, застосуванням в стильових шаблонах.
На закінчення необхідно звернути особливу увагу на неможливість поєднання селекторів різних типів. Не можна одночасно перевизначити стиль для стандартного елемента HTML і для нього ж, але по конкретного класу/ідентифікатором. [18]
Псевдокласи. Псевдокласів називають певні умови форматування HTML-елемента, відповідно до яких браузер підставляє необхідні стильові правила відображення даних. При цьому у вихідній структурі електронного документа такі класи не присутні, вони створюються в процесі інтерпретації HTML-коду браузером.
В основному, псевдокласи призначені для завдання різних типів форматування по декількох різновидам елементів. Розглянемо функціональність псевдокласів на прикладі гіперпосилань.
Згідно специфікації HTML і стандарту CSS, гіперпосилання може приймати чотири стани: невідвідування посилання (link), відвідана посилання (visited), активне посилання (active) і посилання при наведенні курсору миші (hover).
Перші три стани ( link, visited, active) зазвичай. Прописуються в тезі lt; BODY gt; HTML-документа (рівень CSS 1). Четверте стан (hover) відноситься до рівня CSS 2 і має на увазі зміна кольору посилання при наведенні на неї курсора миші користувача (подія працює в браузерах Internet Explorer 4 і вище, Opera 5 і вище, Netscape 6 і вище, Mozilla 1.0; браузери більш ранніх версій , а також деякі не особливо поширені браузери не підтримують стан hover).
Ці стани й будуть псевдокласів при записі правил відображення гіперпосилань в стильовому шаблоні:
A: link {color: blue; }: Active {text-decoration: underline; }: Visited {color: gray; }: Hover {color: orange; }
В даному випадку всі присутні в електронному документі гіперпосилання будуть відображатися відповідно до заданого стильовим правилом. Проте часто виникає необхідність візуально виділити одні посилання щодо інших. Для цього поряд з псевдокласів використовуються звичайні селектори класів:
A: active. red {color: red; } A: hover. red {color: blue; } A: active. white {color: white; } A: hover. white {color: black; }
PHP мова скриптів сайтафайли зазвичай являють собою суміш HTML і РНР. Це не створює проблем, так як PHP-код завжди полягає всередині тегів lt ;? php.? gt ;, що дозволяє серверу легко ідентифікувати його. [19]
При використанні звичайної HTML-кода все досить просто - web-сервер посилає текст сторінки браузеру, який інтерпретує HTML-теги і відображає результат на екрані. З РНР все стає трохи складніше. PHP-код виконується за допомогою РНР, і якщо цей код формує який-небудь текст для відображення, він вставляється на те місце, де розміщувався РНР-код.
У кожному разі РНР-код видаляється перед відправкою готової сторінці клієнтському браузеру. Нижче приклад демонструє цю технологію в дії. Текст прикладу містить кілька HTML-тегів, наприклад, тег H1, який призначений для формування заголовка.
Лістинг спільного використання РНР і HTML, phphtml. Php
lt; HTML gt;
lt; HEAD gt;
lt; TITLE gt; Використання HTML і РНР в одному файлі lt;/TITLE gt;
lt;/HEAD gt;
lt; BODY gt;
lt; Hl gt; Використання HIML і РНР в одному файлі lt;/Н1 gt;
lt ;? php (); gt;
lt;/BODY gt;
lt;/HTML gt;
Після тега lt; Н1 gt; розташований PHP-код, який виконується, а його результат - сформована таблиця з параметрами налаштування РНР - розміщується після заголовка.
Для того щоб PHP-сторінка виглядала більш строго, можна додати один з логотипів, доступних для закачування за адресою php/down-load-logos, php. Післ...
