Ороиши матн
Ин барои чӣ лозим аст
Матни бараҳнаро хондан душвор аст: чашм чизи асосиро меҷӯяд. Дар китоб чизи муҳимро ғафс, истилоҳҳоро курсив менависанд, суханони дигаронро дар нохунак мегиранд. Дар HTML барои ин тегҳои алоҳида ҳастанд. Онҳо на танҳо «чӣ гуна менамояд», балки маънои онро ҳам мегӯянд: «ин муҳим аст», «ин иқтибос аст», «ин код аст». Ин ба системаҳои ҷустуҷӯ ва барномаҳои хониши экран кӯмак мекунад.
Ғафс ва курсив: <strong> ва <em>
<strong>— матни муҳим. Браузер онро ғафс нишон медиҳад.<em>(emphasis, зада) — задаи маъноӣ. Курсив нишон дода мешавад.
<p>Пеш аз рафтан <strong>оташдонро хомӯш кун</strong>. Ин <em>воқеан</em> муҳим аст.</p>
Натиҷа: «оташдонро хомӯш кун» ғафс, «воқеан» курсив.
Инчунин <b> ва <i> ҳастанд — танҳо ғафс ва танҳо курсив, бе маънои «муҳим». Онҳоро камтар истифода
мебаранд: масалан, <i> барои номи киштӣ ё калимаи хориҷӣ.
Дигар тегҳои сатрӣ
<p>Об — H<sub>2</sub>O, масоҳат — 10 м<sup>2</sup>.</p>
<p>Нарх: <s>50</s> 35 сомонӣ. <mark>Тахфиф!</mark></p>
<p><small>Ҳарфҳои майдаи шартнома</small></p>
Натиҷа: «2» дар H₂O поён фаромадааст, «2» дар м² боло бардошта шудааст, «50» хат зада шудааст, «Тахфиф!» бо маркери зард равшан шудааст, сатри охир бо ҳарфи майда.
| Тег | Маъно |
|---|---|
<sub> |
индекси поёнӣ |
<sup> |
индекси болоӣ (дараҷа) |
<s> |
хат задашуда, дигар муҳим нест |
<mark> |
ҷудокунӣ бо маркер |
<small> |
қайди хурд |
Ин тегҳо сатрӣ мебошанд: онҳо дар дохили сархат зиндагӣ мекунанд ва сатри нав оғоз намекунанд.
<p> ва <h1> бошанд блокӣ мебошанд: ҳар кадом тамоми бариро мегирад ва аз сатри нав оғоз мешавад.
Иқтибосҳо
Иқтибоси дароз — блоки <blockquote>, кӯтоҳ дар дохили ҷумла — <q> (браузер нохунакро худаш илова мекунад).
Муаллиф ё манбаъро дар <cite> менависанд:
<blockquote>
<p>Соддагӣ — кафолати боэътимодӣ.</p>
<cite>Эдсгер Дейкстра</cite>
</blockquote>
<p>Ӯ гуфт: <q>Аввал тестҳо</q>.</p>
Натиҷа: иқтибос бо фосила ба рост ҷойгир шудааст, номи муаллиф курсив; дар сархати дуюм «Аввал тестҳо» дар нохунак.
Код дар саҳифа
Барои код — теги <code>: ҳарфи якхелапаҳно, ҳамаи ҳарфҳо як бар доранд. Коди бисёрсатраро ба <pre>
мегузоранд — он фосилаҳо ва гузаришҳои сатрро ҳамон тавр нигоҳ медорад:
<p>Функсияи <code>print()</code> матнро мебарорад.</p>
<pre><code>for i in range(3):
print(i)</code></pre>
Натиҷа: print() бо ҳарфи якхелапаҳно мустақиман дар ҷумла, дар поён — код бо фосилаҳо, мисли муҳаррир.
Аломатҳои махсус
Худи аломати <-ро дар саҳифа чӣ тавр нишон диҳем? Агар онро мустақиман нависем, браузер фикр мекунад,
ки тег оғоз мешавад. Бинобар ин аломатҳои махсусро бо мнемоникаҳо — рамзҳо аз & то ; менависанд:
| Менависем | Мебинем |
|---|---|
< |
< (less than) |
> |
> (greater than) |
& |
& |
|
фосилаи ҷудонашаванда |
© |
© |
<p>Шарт: a < b && b > c</p>
<p>10 км</p>
Натиҷа: Шарт: a < b && b > c; «10 км» ҳеҷ гоҳ ба ду сатр ҷудо намешавад.
Дар дохил чӣ тавр кор мекунад
Вақте браузер <-ро мебинад, ба ҳолати «тегро мехонам» мегузарад. Мнемоникаи < — роҳи гуфтани
«ин танҳо аломат аст, на тег». Дар дохили <pre> браузер муттаҳидсозии фосилаҳоро хомӯш мекунад, бинобар ин
фосилаҳо дар код дар ҷояшон мемонанд — аммо тегҳо дар дохили <pre> ҳамоно кор мекунанд.
Хатоҳои маъмул
<strong>барои сарлавҳаи ғафс. Агар ин сарлавҳа бошад —<h2>гир, на сархати ғафс.- Код бе
<pre>. Коди бисёрсатра дар<p>-и оддӣ ба як сатр часпида мешавад. <ва>-и хом дар матн.<p>Теги <div></p>—<div>теги ҳақиқӣ шуда, нопадид мешавад.<div>навис.- Нуқтавергулро фаромӯш карданд.
<бе;баъзан кор мекунад, баъзан не. Пурра навис:<. <blockquote>барои фосила. Ин тег барои иқтибос аст; фосилаҳоро дар CSS мекунанд.
Ёддошт
| Тег | Чӣ кор мекунад |
|---|---|
<strong> / <em> |
муҳим (ғафс) / зада (курсив) |
<b> / <i> |
ғафс / курсив бе маънои махсус |
<sub> / <sup> |
индекси поёнӣ / болоӣ |
<s>, <mark>, <small> |
хат задашуда, маркер, матни майда |
<blockquote>, <q>, <cite> |
иқтибоси дароз, кӯтоҳ, муаллиф |
<code>, <pre> |
код, матн бо фосилаҳои нигоҳдошташуда |
< > & |
< > & фосилаи ҷудонашаванда |