標籤：鍵盤輸入 小甲魚 .com 文檔 單詞 ace script inner 比例
1. pre 元素
pre 元素用於定義預格式化的文本。
pre 元素會保留空格和分行符號，而文本自身也會呈現為等寬字型。
詳細介紹 -> 傳送門
2. 什麼是“預格式化”？
預格式化就是保留文本在原始碼中的格式，使得頁面中顯示的和原始碼中的效果完全一致。也就是說，瀏覽器在顯示其中的內容時，會完全按照其真正的文字格式設定來顯示，原封不動地保留文檔中的空白，如空格、定位字元、分行符號等。
3. 字元實體
在 HTML 文檔中，某些字元是預留的，具有特殊含義，比如我們在 HTML 中不能使用小於符號（<）和大於符號（>），這是因為瀏覽器會誤將它們作為標籤來對待。如果希望正確地顯示預留字元，我們必須在 HTML 原始碼中使用字元實體。
這裡是 HTML 的符號實體和字元實體的參考表 -> 傳送門
4. 等寬字型
等寬字型（Monospaced Font）是指字元寬度相同的電腦字型。與此相對，字元寬度不盡相同的電腦字型稱為比例字型。
它們差別關鍵在於可讀性上，顯然，比例字型使單詞的整體可讀性增強了。但是編程就不一樣了，如果代碼不是等寬字型，程式員看著會感覺很難受，甚至完全不想去讀代碼。
推薦幾款合適編程的字型 -> 傳送門
5. 語義化
在 Web 前端前端開發裡面的一個專用術語叫做：語義化，簡而言之就是使用正確的元素去做正確的事情。
在隨後的學習中我們會發現很多元素，事實上在頁面實現的效果是一樣的，但語義化就要求你使用恰當語義的 HTML 元素，讓頁面具有良好的結構與含義，從而讓人和機器都能快速理解網頁內容。
6. code 元素
code 元素生來就是用於定義電腦程式碼片段的，如果我們一個段落裡面需用引用到一些代碼相關的文本，那麼就可以使用 code 元素：
1 <p>HTML中注釋的文法是：<code><!--這裡填寫注釋的內容--></code></p>
詳細介紹 -> 傳送門
7. var、kbd 和 samp 元素
var 用於定義程式的變數，kbd 用於定義使用者的鍵盤輸入，samp 用於定義程式的輸出：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>code元素示範</title> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="keywords" content="小甲魚,Web開發,HTML5,CSS3,Web編程教學"> 8 <meta name="description" content="《零基礎入門學習Web開發》案例示範"> 9 <meta name="author" content="小甲魚">10 </head>11 <body>12 <!-- 示範code元素的使用 -->13 <pre>14 <code>15 <p>你最喜歡吃的水果是：<span id="fruit"></span></p>16 <script type="text/javascript">17 var user_input = prompt("你最喜歡吃的水果是：");18 document.getElementById("fruit").innerHTML = user_input;19 </script>20 </code>21 </pre>22 <p>上面代碼定義了一個變數<var>user_input</var>，用於接收使用者的輸入。</p>23 <p>如果使用者輸入的是<kbd>香蕉</kbd>，那麼程式將列印<samp>你最喜歡吃的水果是：香蕉</samp></p>24 </body>25 </html>
var、kbd and samp
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
