Бирки фразы были конструированы для особых целей, хотя они показаны в подобном путе как другие основные бирки как <b>, <i>, <pre>, и <tt>, вы видели в предыдущей главе. Эта глава примет вас через все важные бирки фразы, поэтому препятствовала нам начать увидеть их по-одному.
Что-нибыдь которое появляется внутри элемент <em>… </em> показано как подчеркнутый текст.
<!DOCTYPE html> <html> <head> <title>Emphasized Text Example</title> </head> <body> <p>The following word uses a <em>emphasized</em> typeface.</p> </body> </html>
Это даст следующий:
The following word uses a emphasized typeface.
Что-нибыдь которое появляется внутри элемент <mark>… </mark>, показано как маркировано с желтыми чернилами.
<!DOCTYPE html> <html> <head> <title>Marked Text Example</title> </head> <body> <p>The following word has been <mark>marked</mark> with yellow</p> </body> </html>
Это даст следующий:
The following word has been marked with yellow.
Что-нибыдь которое появляется внутри элемент <strong>… </strong> показано как важный текст.
<!DOCTYPE html> <html> <head> <title>Strong Text Example</title> </head> <body> <p>The following word uses a <strong>strong</strong> typeface.</p> </body> </html>
Это даст следующий:
The following word uses a strong typeface.
Вы можете сократить текст путем класть его <abbr> отверстия внутренности и заключительные бирки </abbr>. Если настоящий момент, атрибут названия должен не содержать это полное описание и ничего еще.
<!DOCTYPE html> <html> <head> <title>Text Abbreviation</title> </head> <body> <p>My best friend's name is <abbr title="Abhishek">Abhy</abbr>.</p> </body> </html>
Это даст следующий:
My best friend's name is Abhy.
Элемент <acronym> позволяет вам показать что текст между <acronym> и бирками </acronym> акроним.
В настоящее время, главные браузеры не изменяют возникновение содержания элемента <acronym>.
<!DOCTYPE html> <html> <head> <title>Acronym Example</title> </head> <body> <p>This chapter covers marking up text in <acronym>XHTML</acronym>.</p> </body> </html>
Это даст следующий:
This chapter covers marking up text in XHTML.
Элемент <bdo>… </bdo> стоит для двухнаправленного преодоления автоматического действия и он использован для того чтобы отвергнуть настоящее направление текста.
<!DOCTYPE html> <html> <head> <title>Text Direction Example</title> </head> <body> <p>This text will go left to right.</p> <p><bdo dir="rtl">This text will go right to left.</bdo></p> </body> </html>
Это даст следующий:
This text will go left to right.
This text will go right to left.
Элемент <dfn>… </dfn> (или элемент определения HTML) позволяют вам определить что вы вводите специальную термину. Использование подобно к словам курсивом посреди параграфа.
Типично, вы использовали бы элемент <dfn> в первый раз вы введете ключевую термину. Большинств недавние браузеры представляют содержание элемента <dfn> в купели курсивом.
<!DOCTYPE html> <html> <head> <title>Special Terms Example</title> </head> <body> <p>The following word is a <dfn>special</dfn> term.</p> </body> </html>
Это даст следующий:
The following word is a special term.
Когда вы хотите закавычить проход от другого источника, вы должны положить его между бирками <blockquote>… </blockquote>.
Текст внутри элемента <blockquote> обычно выделен от левых и правых краев окружающего текста, и иногда использует выделенную курсивом купель.
<!DOCTYPE html> <html> <head> <title>Blockquote Example</title> </head> <body> <p>The following description of XHTML is taken from the W3C Web site:</p> <blockquote>XHTML 1.0 is the W3C's first Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.</blockquote> </body> </html>
Это даст следующий:
The following description of XHTML is taken from the W3C Web site:
XHTML 1.0 is the W3C's first Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.
Элемент <q>… </q> использован когда вы хотите добавить двойную цитату в пределах предложения.
<!DOCTYPE html> <html> <head> <title>Double Quote Example</title> </head> <body> <p>Amit is in Spain, <q>I think I am wrong</q>.</p> </body> </html>
Это даст следующий:
Amit is in Spain, I think I am wrong
.
Если вы закавычите текст, то вы можете показать источник устанавливая его между биркой <cite> отверстия и заключительной биркой </cite>
По мере того как вы предпологали бы в издании печати, содержание элемента <cite> представлено в выделенном курсивом тексте значением по умолчанию.
<!DOCTYPE html> <html> <head> <title>Citations Example</title> </head> <body> <p>This HTML tutorial is derived from <cite>W3 Standard for HTML</cite>.</p> </body> </html>
Это даст следующий:
This HTML tutorial is derived from W3 Standard for HTML.
Любой программируя Код, котор нужно появиться на страницу паутины должен быть помещен внутри бирок <code>… </code>. Обычно содержание элемента <code> в купели monospaced, как раз как Код в большинств программируя книгах.
<!DOCTYPE html> <html> <head> <title>Computer Code Example</title> </head> <body> <p>Regular text. <code>This is code.</code> Regular text.</p> </body> </html>
Это даст следующий:
Regular text. This is code.
Regular text.
Когда вы говорите о компьютерах, если вы хотите сказать, что читатель вписал некоторый текст, то вы можете использовать элемент <kbd>… </kbd> для того чтобы показать что должно быть напечатано на машинке внутри, как в этом примере.
<!DOCTYPE html> <html> <head> <title>Keyboard Text Example</title> </head> <body> <p>Regular text. <kbd>This is inside kbd element</kbd> Regular text.</p> </body> </html>
Это даст следующий:
Regular text. This is inside kbd element Regular text.
Этот элемент обычно использован совместно с элементами <pre> и <code> для того чтобы показать что содержание того элемента переменная величина.
<!DOCTYPE html> <html> <head> <title>Variable Text Example</title> </head> <body> <p><code>document.write("<var>user-name</var>")</code></p> </body> </html>
Это даст следующий:
document.write("user-name")
Элемент <samp>… </samp> показывает выход образца от программы, и сценарий etc. снова, он главным образом использован документируя программировать или кодировать принципиальные схемы.
<!DOCTYPE html> <html> <head> <title>Program Output Example</title> </head> <body> <p>Result produced by the program is <samp>Hello World!</samp></p> </body> </html>
Это даст следующий:
Result produced by the program is Hello World!
Элемент <address>… </address> использован для того чтобы содержать любой адрес.
<!DOCTYPE html> <html> <head> <title>Address Example</title> </head> <body> <address>388A, Road No 22, Jubilee Hills - Hyderabad</address> </body> </html>
Это даст следующий: