HTML中的code標籤是幹嘛的？具體使用方法和定義了解一下

HTML中的code標籤是幹嘛的？具體使用方法和定義來了解一下。本篇文章主要說明了一些HTML中的cade標籤的用處和定義，還有HTML中的code標籤支援的全域屬性和事件屬性

HTML中的code標籤的定義和用法：

標籤用於表示電腦原始碼或其他機器可以閱讀的文字內容。

軟體程式碼的編寫者已經習慣了編寫原始程式碼時文字表示的特殊樣式。 標籤就是為他們設計的。包含在該標籤內的文字將以等寬、類似電傳打字機樣式的字體（Courier）顯示出來，對於大多數程式設計師和 W3School 的使用者來說，這應該是十分熟悉的。

只應該在表示電腦程式原始碼或其他機器可以閱讀的文字內容上使用 標籤。雖然 <code> 標籤通常只是把文字變成等寬字體，但它暗示著這段文字是原始程式碼。未來的瀏覽器有可能會加入其他顯示效果。例如，程式設計師的瀏覽器可能會尋找 <code> 片段，並執行某些額外的文字格式化處理，如迴圈和條件判斷語句的特殊縮排等。

提示：如果只是希望使用等寬字體的效果，請使用 標籤。或者，如果想要在嚴格限制為等寬字體格式的文字中顯示程式碼，請使用

 標籤。 

HTML中的code標籤是幹嘛的：

這是html中的code元素，寫在code元素中的內容（一般認為是html格式的語言）不會作為html語言而被瀏覽器處理，而是會被認為是文本而獨立顯示成帶有尖括號的源碼形式， 標籤是用於表示計算機源代碼或其他機器可以閱讀文本內容的。

標籤支援html全域屬性與html事件屬性，如下：

格式：

##電腦程式碼<p></p>這是實例：<p><pre class='brush:php;toolbar:false;'>&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;html&lt; code&gt;计算机代码标签_PHP笔记&lt;/title&gt; &lt;/head&gt; &lt;body style=&quot;font-size:28px;&quot;&gt; &lt;code&gt;计算机代码&lt;/code&gt;&lt;br /&gt; &lt;em&gt;强调文本&lt;/em&gt;&lt;br&gt; &lt;strong&gt;加粗文本&lt;/strong&gt;&lt;br /&gt; &lt;dfn&gt;定义项目&lt;/dfn&gt;&lt;br /&gt; &lt;samp&gt;计算机样本&lt;/samp&gt;&lt;br /&gt; &lt;kbd&gt;键盘输入&lt;/kbd&gt;&lt;br /&gt; &lt;var&gt;变量&lt;/var&gt; &lt;/body&gt; &lt;/html&gt;</pre></p> 運行結果：<p></p> <p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn//upload/image/712/571/496/1534403556191896.png?x-oss-process=image/resize,p_40" class="lazy" title="1534403556191896.png" alt="HTML中的code標籤是幹嘛的？具體使用方法和定義了解一下"></p>電腦程式碼標籤html 第1張" title="html&lt ; code>電腦代碼標籤html" >電腦代碼標籤" alt="" width="480" style="max-width:90%" /><p></p>【相關推薦】<p></p> <p># HTML中的lang屬性是幹嘛的呢？ HTML中的lang屬性有什麼作用呢？ <a href="http://www.php.cn/div-tutorial-408428.html" target="_blank" title="HTML中的lang属性是干嘛的呢？HTML中的lang属性有什么作用呢？"></a><br></p> <p>HTML5新增的結構元素有哪些？ HTML5新增的結構元素的用法（建議）<a href="http://www.php.cn/html5-tutorial-408288.html" target="_blank" title="HTML5新增的结构元素有哪些？HTML5新增的结构元素的用法（推荐）"></a><br></p>

以上是HTML中的code標籤是幹嘛的？具體使用方法和定義了解一下的詳細內容。更多資訊請關注PHP中文網其他相關文章！