Выделение фрагментов текста html-страницы
Текст гораздо лучше воспринимается читателем, если он написан не только грамотно, но также в нем правильно расставлены акценты - нужные фрагменты текста выделены жирным шрифтом, либо курсивом, в редких случаях другим шрифтом или цветом.
HTML-теги, которые предназначены для выделения текстовых фрагментов (все теги парные):
- ABBR - аббревиатура (подчеркнутый шрифт);
- ACRONYM - то же, что и тег ABBR;
- B - полужирный шрифт;
- CITE - цитата (курсив);
- CODE - исходный программный код (моноширинный шрифт);
- DEL - удаленный текст (зачеркнутый шрифт);
- DFN - новый термин (курсив);
- EM - менее важный текст (курсив);
- I - курсив;
- INS - текст, вновь помещенный на html-страницу (подчеркнутый шрифт);
- KBD - программные данные (моноширинный шрифт);
- Q - цитата (обычный шрифт);
- SAMP - данные, вводимые программой (моноширинный шрифт);
- STRONG - важный текст (полужирный шрифт);
- TT - то же, что и тег SAMP;
- VAR - имя переменной (курсив).
Все перечисленные теги являются встроенными и принадлежат блочным элементам. Элементы, которые создают встроенные теги, не являются независимыми и не отображаются отдельно от своих соседей.
Наиболее часто применяются теги STRONG, B, EM, I. Принципиальное отличие тегов STRONG и B (EM и I) заключается в том, что для поисковой системы текст, заключенный в тег STRONG является более важным, чем обычный текст; текст, заключенный в тег EM, является более важным, чем обычный текст, но менее важным, чем текст, заключенный в тег STRONG; текст, заключенный в теги B, I для поисковой системы является таким же по важности, как и обычный текст. Это должен знать web-мастер, поскольку браузер текст, заключенный в теги STRONG и B (EM и I) отображает одинаково - полужирным шрифтом (курсивом).
HTML разрешает одновременно применять несколько тегов, предназначенных для выделения шрифта. В таком случае необходимо следить, чтобы закрывающие теги, содержащие символ косой черты, вводились в обратном порядке от открывающих тегов.
ПРИМЕР 1:
<p><strong>STRONG-text</strong></p> <p><em>EM-text</em></p> <p><u>U-text</u></p> <p><strike>STRIKE-text</strike></p> <p><strong><em>EM-STRONG-text</em></strong></p> |
Иногда в текстах встречаются различные математические или химические формулы, в которых используются надстрочные или подстрочные индексы. Для преобразования текста в надстрочный индекс применяют тег SUP, для подстрочного индекса - SUB.
ПРИМЕР 2:
CH<sub>3</sub>OH = CH<sub>2</sub>O + H<sub>2</sub> a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup> |