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")}}