<code>%-%+%-%</code>

Question

Mon site va avoir quelques de code en ligne ("lors de l'utilisation de l' foo() fonction...") et de bloquer certains extraits. Ceux-ci tendent à être XML, et d'avoir de très longues lignes que je préfère le navigateur de retour à la ligne (c'est à dire, je ne veux pas utiliser <pre>). J'aimerais aussi mettre les CSS de mise en forme sur le bloc des extraits.

Il semble que je ne peux pas utiliser <code> pour les deux, parce que si j'ai mis le CSS attributs de bloc (avec display: block;), il va se casser la ligne des extraits.

Je suis curieux de savoir ce que les gens font. Utiliser <code> pour les blocs, et <samp> en ligne? Utiliser <code><blockquote> ou quelque chose de similaire?

J'aimerais garder le HTML aussi simple que possible, en évitant les classes, comme d'autres utilisateurs, de leur maintien.

Answer 1

Utiliser <code> de code en ligne qui peut s'enrouler et <pre><code> pour le bloc de code qui ne doit pas envelopper. <samp> est pour l'échantillon de sortie, donc je voudrais éviter de l'utiliser pour représenter un exemple de code (que le lecteur est à l'entrée). C'est ce Débordement de Pile.

(Encore mieux, si vous voulez facile à entretenir, permettre aux utilisateurs de modifier les statuts comme Markdown, alors qu'ils n'ont pas à se rappeler d'utiliser <pre><code>.)

HTML5 est d'accord avec cela dans "l' pre élément":

Le pré élément représente un bloc de texte préformaté, dans lequel la structure est représentée par les conventions typographiques plutôt que par les éléments.

Quelques exemples de cas où la pré élément peut être utilisé:

• Y compris des fragments de code informatique, dont la structure est indiquée selon les conventions de la langue.

[...]

Pour représenter un bloc de code informatique, le pré élément peut être utilisé avec un élément de code; de représenter un bloc de sortie de l'ordinateur de la pré élément peut être utilisé avec un samp élément. De même, le kbd élément peut être utilisé dans un élément pour indiquer le texte que l'utilisateur est à l'entrée.

Dans l'extrait suivant, un exemple de code informatique, est présentée.

<p>This is the <code>Panel</code> constructor:</p>
<pre><code>function Panel(element, canClose, closeHandler) {
  this.element = element;
  this.canClose = canClose;
  this.closeHandler = function () { if (closeHandler) closeHandler() };
}</code></pre>

Answer 2

Quelque chose j’ai complètement raté : le comportement de non retour à la ligne de `` peut être contrôlé avec CSS. Alors cela donne exactement le résultat que je cherchais :

http://jsfiddle.net/9mCN7/

Answer 3

Personnellement j’ai utiliser `` parce que c’est le plus sémantiquement correcte. Alors pour faire la différence entre code inline et bloc je voudrais ajouter une classe soit :

pour le code inline ou :

pour le bloc de code. Selon celle qui est moins fréquent.

Answer 4

En règle générale, vous devez utiliser html pour décrire la sémantique de votre contenu et ensuite trouver un moyen pour le faire paraître comme vous le voulez aussi.