SORU
6 Ocak 2011, PERŞEMBE


<kod> vs <pre> vs <samp> satır içi ve blok kod parçacıkları

Sitemde bazı satır kod oluyor ("foo() işlevini kullanarak...") ve bazı parçacıklar blok. Bu XML olma eğilimindedir, ve tarayıcı tamamlamayı tercih ederim çok uzun çizgiler (yani, <pre> kullanmak istemiyorum). Ayrıca blok parçacıkları üzerinde CSS biçimlendirme koymak istiyorum.

Eğer bunu CSS blok öznitelikleri (display: block;) koyarsanız, içi parçacıkları kıracak, çünkü her ikisi için <code> kullanamam gibi görünüyor.

İnsanların ne yaptığını merak ediyorum. Bloklar ve içi için <samp> <code> kullan? <code><blockquote> veya ona benzer bir şey kullanıyor?

Diğer kullanıcıların bakımı olacak gibi gerçek HTML, mümkün olduğunca basit, sınıfları görmezden gelmeye devam etmek istiyorum.

CEVAP
6 Ocak 2011, PERŞEMBE


Alamayacağı satır kod için <code> kullanma ve almanız gerekir bu kod bloğu için <pre><code>. <samp> örnek içinçıktıbu örnek kod göstermek için kullanmaktan kaçının ederim , okuyucuya olangiriş). Bu Taşma Yığını.

(Daha kolay korumak istiyorsanız ancak, kullanıcılar bir fiyat indirimi olarak makaleler düzenlemek, daha sonra kullanmak için hatırlamak zorunda değilsiniz <pre><code>.)

HTML5 “the pre element”: bunu kabul ediyor

Ön öğesi olan yapı elemanları ile tipografik kurallarına göre yerine temsil edilir önceden biçimlendirilmiş metin bloğunu temsil eder.

Ön öğesi kullanılabilir olduğu durumlar için bazı örnekler:

  • Yapısı bu dilin kurallarına göre gösterilen bilgisayar kod parçaları da dahil olmak üzere.

[...]

Bilgisayar kod bloğu temsil etmek için, ön öğesi kod öğesi ile kullanılabilir; bilgisayar çıktısı bir bloğu temsil etmek için ön öğe samp elemanı ile kullanılabilir. Benzer şekilde, kbd öğesi kullanıcı girmek için bir metin göstermek için ön öğesi içinde kullanılabilir.

Aşağıdaki kod, bir bilgisayar kodu bir örnek sundu.

<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>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Adam Outler

    Adam Outler

    19 EKİM 2006
  • Schmittastic Jr.

    Schmittastic

    19 Mart 2013
  • SomeOne Pro

    SomeOne Pro

    25 EKİM 2013