Языки программирования и код

Элемент code используется для указания компьютерного кода или языка программирования, такого как PHP, JavaScript, CSS, XML и т.д. Для кратких фрагментов внутри предложения можно просто разместить элемент вокруг фрагмента кода следующим образом:

<p>It is bad form to use event handlers like

<code>onclick</code> directly in the HTML.</p>

Для более значительных образцов кода, которые занимают несколько строк, можно использовать предварительно форматированные блоки, как показано в лекции 15, "Разметка текстового контента в HTML".

Хотя не существует определенного метода указания, какой язык программирования или код показан в элементе code, можно использовать атрибут class. Обычная практика (упомянутая в проекте HTML 5) состоит в использовании префикса language- и затем добавлении названия языка. Поэтому пример выше будет выглядеть следующим образом:

<p>It is bad form to use event handlers like

<code class="language-javascript">onclick</code>

directly in the HTML.</p>

Некоторые языки программирования имеют названия, которые не так просто представить в классах, такие как C# (C-шарп). Правильный способ записи в этом случае будет "class='language-c\#'", что может создавать трудности и приводить к опечаткам. Я бы рекомендовал использовать класс, состоящий только из букв и дефисов, и записывать его полностью. Поэтому в данном случае используйте лучше "class='language-csharp'".

Вывод взаимодействия с компьютером

Два элемента samp и kbd можно использовать для ввода и вывода взаимодействия с компьютерной программой. Например:

<p>One common method of determining if a computer is connected

to the internet is to use the computer program <code>ping</code>

to see if a computer likely to be running is reachable.</p>

<pre><samp class="prompt">kittaghy%</samp> <kbd>ping -o google.com</kbd>

<samp>PING google.com (64.233.187.99): 56 data bytes

64 bytes from 64.233.187.99: icmp_seq=0 ttl=242 time=108.995 ms

--- google.com ping statistics ---

1 packets transmitted, 1 packets received, 0% packet loss

round-trip min/avg/max/stddev = 108.995/108.995/108.995/0.000 ms

</samp></pre>

Элемент samp указывает образец вывода из компьютерной программы. Как показано в этом примере, различные типы вывода можно указывать с помощью атрибута class. Однако не существует широко принятых соглашений, какие виды классов использовать.

Элемент kbd указывает ввод взаимодействия пользователя с компьютером. Хотя это традиционно ввод с клавиатуры (поэтому используется сокращение "kbd"), он должен также использоваться для указания других типов ввода, таких как ввод с голоса.

Переменные

Элемент var используется для указания переменных в текстовом контенте. Он может включать алгебраические математические выражения или находиться в программном коде. Например:

<p>The value of <var>x</var> in

3<var>x</var>+2=14 is 4.</p>

<pre><code class="language-perl">

my <var>$welcome</var> = "Hello world!";

</code></pre>

Цитирование

Элемент cite используется для указания, откуда поступает находящийся рядом контент — при цитировании человека, книги или другой публикации, или обычно при отсылке людей к другому источнику, этот источник должен быть помещен в элемент cite. Например:

<p>The saying <q>Everything should be made as simple as possible,

but not simpler</q> is often attributed to <cite>Albert

Einstein</cite>, but it actually a paraphrasing of a quote which

is much less easy to understand.</p>