Skip to content

Latest commit

 

History

History
112 lines (91 loc) · 2.88 KB

File metadata and controls

112 lines (91 loc) · 2.88 KB
title slug
<code>:行內程式碼元素
Web/HTML/Element/code

{{HTMLSidebar}}

<code> HTML 元素以一種樣式顯示其內容,意在指示該文字是一小段電腦程式碼。預設情況下,內容文字以{{Glossary("user agent", "使用者代理")}}的預設的等寬字體顯示。

{{EmbedInteractiveExample("pages/tabbed/code.html", "tabbed-shorter")}}

屬性

此元素僅包括全域屬性

範例

包含 <code> 的文字段落:

<p>
  The function <code>selectAll()</code> highlights all the text in the input
  field so the user can, for example, copy or delete the text.
</p>

結果

{{EmbedLiveSample("範例", 640, 70)}}

備註

要表示多行程式碼,請將 <code> 元素包裹在 {{HTMLElement("pre")}} 元素內。單獨使用 <code> 元素只能表示單個程式碼片語或程式碼行。

可以定義 CSS 規則以覆蓋瀏覽器的預設字型。使用者設定的偏好可能優先於指定的 CSS。

技術摘要

內容類型 流內容段落型內容捫及內容
允許的內容 段落型內容
標籤省略 不允許,開始和結束標籤都是必須的。
允許的父元素 任何接受段落型內容的元素。
隱含的 ARIA 角色 code
允許的 ARIA 角色 任何
DOM 介面 {{domxref("HTMLElement")}} 在 Gecko 1.9.2(Firefox 4)及以前版本中,Firefox 為這個元素實現了 {{domxref("HTMLSpanElement")}} 介面。

規範

{{Specifications}}

瀏覽器相容性

{{Compat}}

參見

  • {{HTMLElement("samp")}}
  • {{HTMLElement("kbd")}}
  • {{HTMLElement("var")}}
  • {{HTMLElement("pre")}}