НОУ ИНТУИТ | Практика разработки Web-страниц. Лекция 17: Форматирование текста

Учитесь и получайте официальные документы БЕСПЛАТНО. Вы можете поддержать наш проект.

Регистрация Вход

Твой путь к знаниям!

Опубликован: 06.10.2006 | Уровень: для всех | Доступ: свободно

|

Вам нравится? Нравится 32 студентам

| Поделиться |

Поддержать программу

Текст со специальными символами отображается неправильно

Когда вы используете специальные символы, такие как знак авторского права и торговый знак (©, ® и ™), валютные и математические знаки (такие как ў, ч и ±), буквы с диакритическими знаками (такие как й и у), которых нет в стандартных компьютерных знаках, они не всегда правильно отображаются в броузере. Специальные символы часто являются причиной неприятностей для тех пользователей, которые используют другие операционные системы или установки языка.

Кроме того, четыре символа в HTML обычно используются для определения тэгов и атрибутов – символы &, знаки "больше" или "меньше (< и >) и знак кавычек ("). Если вы попытаетесь использовать эти символы внутри абзаца в вашем HTML или внутри значений, которые вы определили для атрибутов, страница не будет работать. Если специальные символы являются причиной ваших проблем, сделайте следующее.

Изучите текст на вашей странице, включая титул страницы, заголовки и значения атрибутов, на предмет наличия зарезервированных для HTML символов (&, <, > и "). Измените их на HTML-эквивалент: &, <, > и &quot. Например, если титул вашей страницы >> Review: "Troilus & Cressida" <<, используйте следующие знаки HTML:
```
<title> &gt;&gt;Review:&quot;Troilus &amp;Cressida&quot;&lt;&lt; </title>
```
Если вы хотите вставить символы или специальные символы так, чтобы они появлялись на вашей странице в любом броузере или системе, используйте их коды. Например, чтобы вставить знак авторского права, используйте $\copyright$ :

$<p>Copyright \ \copyright\ 2001 \ Evan \ Callahan</p>$

Вы также можете использовать номера кодов ISO для передачи символов. Например, в 5 версии броузеров можно ставить торговый знак (™) как $\text{\texttrademark}$ , но в Netscape 4 сработает только #8482. Список написаний кодов и номеров символов см. в таблице "Коды специальных символов" ниже.

Коды специальных символов

Эти коды позволяют в HTML вводить символы, показанные справа. Ссылки по именам устойчиво работают для первых 30 символов; далее используйте номера кодов для поддержки в старых версиях броузеров. Полный список кодов см. на www.w3.org.

Код	Имя	Символ
&#34	&quot	"
&#38	&amp	&
&#60	&lt	<
&#62	&gt	>
&#160	&nbsp
&#161	&iexcl	i
&#162	&cent	$\text{\textcent}$
&#163	&pound	$\pounds$
&#164	&curren	$\textcurrency$
&#166	&brvbar	$\text{\textbrokenbar}$
&#167	&sect	$\S$
&#168	&uml	$\ddot{}$
&#169	&copy	$\copyright$
&#171	&laquo	"
&#172	&not	$\neg$
&#174	&reg	$\text{\textregistered}$
&#176	&deg	$\deg$
&#177	&plusmn	$\pm$
&#178	&sup2	${}^2$
&#179	&sup3	${}^3$
&#180	&acute	`
&#181	&micro	$\mu$
&#182	&para	$\P$
&#183	&middot	x
&#184	&cedil	$\c{}$
&#185	&sup1	${}^1$
&#186	&ordm	$\text{\textordmasculine}$
&#187	&raquo	"
&#188	&frac14	$\frac14$
&#189	&frac12	$\frac12$
&#190	&frac34	$\frac{3}{4}$
&#191	&iquest	$\text{\textquestiondown}$
&#192	&Agrave	$\grave{A}$
&#193	&Aacute	$\acute{A}$
&#194	&Acirc	$\hat{A}$
&#195	&Atilde	$\tilde{A}$
&#196	&Auml	$\ddot{A}$
&#197	&Aring	$\text{\AA}$
&#198	&AElig	$\AE$
&#199	&Ccedil	$\c{C}$
&#200	&Egrave	$\grave{E}$
&#201	&Eacute	$\acute{E}$
&#202	&Ecirc	$\hat{E}$
&#203	&Euml	$\ddot{E}$
&#204	&Igrave	$\grave{I}$
&#205	&Iacute	$\acute{I}$
&#206	&Icirc	$\hat{I}$
&#207	&Iuml	$\ddot{I}$
&#208	&ETH	$\eth$
&#209	&Ntilde	$\tilde{N}$
&#210	&Ograve	$\grave{O}$
&#211	&Oacute	$\acute{O}$
&#212	&Ocirc	$\hat{O}$
&#213	&Otilde	$\tilde{O}$
&#214	&Ouml	$\ddot{O}$
&#215	&times	x
&#216	&Oslash	$\varnothing$
&#217	&Ugrave	$\grave{U}$
&#218	&Uacute	$\acute{U}$
&#219	&Ucirc	$\hat{U}$
&#220	&Uuml	$\ddot{U}$
&#221	&Yacute	$\acute{Y}$
&#224	&agrave	$\grave{a}$
&#225	&aacute	$\acute{a}$
&#226	&acirc	$\hat{a}$
&#227	&atilde	$\tilde{a}$
&#228	&auml	$\ddot{a}$
&#229	&aring	$\text{\aa}$
&#230	&aelig	$\ae$
&#232	&egrave	$\grave{e}$
&#233	&eacute	$\acute{e}$
&#234	&ecirc	$\hat{e}$
&#235	&euml	$\ddot{e}$
&#236	&igrave	$\grave{\i}$
&#237	&iacute	$\acute{\i}$
&#238	&icirc	$\hat{\i}$
&#239	&iuml	$\ddot{\i}$
&#240	&eth	$\eth$
&#241	&ntilde	$\tilde{n}$
&#242	&ograve	$\grave{o}$
&#243	&oacute	$\acute{o}$
&#244	&ocirc	$\hat{o}$
&#245	&otilde	$\tilde{o}$
&#246	&ouml	$\ddot{o}$
&#247	&divide	$\div$
&#248	&oslash	'
&#249	&ugrave	$\grave{u}$
&#250	&uacute	$\acute{u}$
&#251	&ucirc	$\hat{u}$
&#252	&uuml	$\ddot{u}$
&#253	&yacute	$\acute{y}$
&#255	&yuml	$\ddot{y}$
&#338	&OElig	$\OE$
&#339	&oelig	$\oe$
&#376	&Yuml	$\ddot{Y}$
&#710	&circ	$\hat{}$
&#732	&tilde	$\tilde{}$
&#8211	&ndash	-
&#8212	&mdash	—
&#8216	&lsquo	'
&#8217	&rsquo	'
&#8218	&sbquo	,
&#8220	&ldquo	"
&#8221	&rdquo	"
&#8222	&bdquo	"
&#8224	&dagger	$\dagger$
&#8225	&Dagger	$\ddagger$
&#8249	&lsaquo	<
&#8250	&rsaquo	$\textgreater$
&#8364	&euro	$\text{\texteuro}$
&#8230	&hellip	$\dots$
&#8482	&trade	$\text{\texttrademark}$
&#8592	&larr	$\leftarrow$
&#8593	&uarr	$\uparrow$
&#8594	&rarr	$\rightarrow$
&#8595	&darr	$\downarrow$
&#8596	&harr	$\leftrightarrow$
&#9824	&spades	$\spadesuit$
&#9827	&clubs	$\clubsuit$
&#9830	&diams	$\blacklozenge$