HTML 共用代碼引用 HTML 是創建網頁的常用語言，為了減少重復代碼的編寫，提高編碼效率，HTML 中有一種方法可以共用代碼，那就是引用。 HTML 中共用代碼引用的方法是通過給需要共用的 HTML 代碼添加一個 ID 或者 CLASS，并在需要引用這段代碼的地方使用

<link rel="stylesheet" type="text/css" href="example.css">

的方式來實現。 例如，在一個網站中，導航欄的代碼經常需要被重復引用，為了不重復編寫代碼，我們可以將導航欄的代碼插入到一個名為 "nav" 的 DIV 標簽中，并將這個 DIV 標簽的 ID 設為 "nav"。在需要引用導航欄的頁面中，可以通過以下方式來引用這個 DIV 標簽中的導航欄代碼：

<div id="nav">

  <ul>

    <li><a href="#">Item 1</a></li>

    <li><a href="#">Item 2</a></li>

    <li><a href="#">Item 3</a></li>

  </ul>

</div>

這樣，當需要更新導航欄的代碼時，只需要修改名為 "nav" 的 DIV 標簽中的代碼，其他引用這個 DIV 標簽的頁面也會自動更新導航欄的代碼。 在 HTML 中，還可以使用 CLASS 的方式來實現共用代碼的引用。與 ID 類似，CLASS 也是一個 HTML 元素的屬性，可以通過兩種方式引用：通過 CSS 樣式表或者 JavaScript。 使用 CSS 樣式表引用 CLASS 的方式如下：

.button {

  background-color: #4CAF50;

  color: white;

  padding: 10px 20px;

  border: none;

  border-radius: 4px;

  cursor: pointer;

}

這段代碼定義了一個 CLASS 名為 "button"，其中包含了一些按鈕的樣式。在 HTML 中，只需要在需要使用這個按鈕樣式的地方添加一個 CLASS 屬性即可：

<button class="button">點擊我</button>

這樣，就會將按鈕樣式應用到這個按鈕上面。 總的來說，HTML 中的共用代碼引用是非常實用的編碼技巧，可以大大提高編寫代碼的效率和可維護性。在今后的工作中，我們應該多多運用這種方法來編寫優美且易于維護的 HTML 代碼。