Âûäåëåíèå ôðàãìåíòîâ òåêñòà 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> |
