WEBページ作成リファレンス
cman.jp cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > HTMLタグ一覧(ABC順) > <code>「プログラムコードなど」

<code> 「プログラムコードなど」[読み方:コード]

<code>タグは、プログラムなどのコードを表示する場合に使用します。
一般的なブラウザでは等倍フォントで表示されます。
多くの場合で<pre>タグと組み合わせて使用されます。

HTML規格HTML4.01HTML5
使用可否
広告

<code> の仕様

カテゴリー使用できる場所(親要素)コンテンツモデル(子要素)タグ省略
フローコンテンツ
フレージングコンテンツ
フレージングコンテンツを子要素にもてる場所フレージングコンテンツ不可

<code> の属性

【構文】
<code>~プログラムコードなど~</code>
属性意味値のサンプルなど
---
グローバル属性
  • accesskey
  • autocapitalize
  • autofocus
  • class
  • contenteditable
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inert
  • inputmode
  • is
  • itemid
  • itemprop
  • itemref
  • itemscope
  • itemtype
  • lang
  • nonce
  • popover
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
  • writingsuggestions
イベント属性
ページTOP

<code>タグのサンプル

<pre>
<code>
&lt;script type=&quot;text/javascript&quot;&gt;
function jsMsg(){
    alert(&quot;マウスが対象の上にマウスカーソルが移動しました&quot;);
}
&lt;/script&gt;

&lt;div onmouseover=&quot;jsMsg();&quot;>
    ここにマウスを合わせるとメッセージが表示されます
&lt;/div>
</code>
</pre>

<script type="text/javascript">
function jsMsg(){
    alert("対象上にマウスカーソルが移動しました"); 
}
</script>

<div onmouseover="jsMsg();">
    ここにマウスを合わせるとメッセージが表示されます
</div>

ページTOP

留意事項

  • <code>タグは、一般的に等倍フォントで表示されます。
  • 多くの場合で<pre>タグと組み合わせて、プログラムなどの表示をそのままで表示します。
ページTOP
広告
QrCode
このページのURL
スマートフォン・タブレット運営 : CMAN 株式会社シーマン