Опублікувати статтю

Символьні елементи html

Символьні елементи html

Деякі символи, такі як символ <, мають в HTML спеціальне значення. Тому їх не можна використовувати в тексті в явному вигляді. Для їх відображення використовуються символьні елементи CER ( Character Entity Reference).

Для представлення символу “<” в тілі документа HTML використовується <, а для символу “>” використовується >. Символьний елемент відображається у вигляді :

& імя_сімвола ;

або

& # номер_символу;

Наприклад, знак менше ( <) зображується у вигляді : <або <.

Перевага використання імені замість номера полягає в тому, що ім’я легше запам’ятати. Недолік полягає в тому, що не всі браузери підтримують найновіші імена об’єктів, в той час як підтримка номерів об’єктів реалізована дуже добре майже у всіх браузерах. Зверніть увагу, що символьні об’єкти залежать від регістру символів.

Наступний приклад дозволить поекспериментувати з символьними об’єктами.

Символьні об’єкти. Працює тільки в Internet Explorer.

<html>
<body>

<p> Це символьний об’єкт: : &#000;</p>

<p>
Спробуйте замінити номер ( 000) на інший номер ( наприклад, 169),
збережіть змінений текст і перезавантажте сторінку в браузері,
щоб побачити результат.
</p>

</body>
</html>

нерозривний пробіл

Найбільш часто використовуваним символьним об’єктом є нерозривний пробіл -. Зазвичай браузер видаляє зайві прогалини і замість декількох використовує один, якщо необхідно вставити в текст прогалини, використовується символьний об’єкт. Ще одне часте застосування нерозривного пробілу заповнення порожніх клітинок в таблиці, так як більшість браузерів не відображує осередки, у яких нічого немає.

 
Перелік найбільш часто використовуваних символьних об’єктів:

Результат Опис Ім’я об’єкта Номер об’єкта
нерозривний пробіл &nbsp; &#160;
< Менше &lt; &#60;
> Більше &gt; &#62;
& Амперсанд &amp; &#38;
” Подвійна лапка &quot; &#34;
‘ Апостроф &apos; &#39;
¢ цент   &cent; &#162;
£ фунт стерлінгів  &pound; &#163;
¥ ієна  &yen; &#165;
§ параграф &sect; &#167;
© авторське право &copy; &#169;
® зареєстрована торгова марка &reg; &#174;
x множення &times; &#215;
÷ ділення  &divide; &#247;

Повний список символьних об’єктів HTML представлений у Довіднику об’єктів HTML.

Коментарі

Написати коментар



Схожі записи

Кращі статті розділу: