在網頁開發中，HTML是一種非常重要的語言，它可以幫助我們創建網頁內容并實現網頁布局。其中，導航欄是網頁中常用的元素之一，它可以方便的幫助用戶瀏覽網站的內容。但在編寫導航欄時，我們常常會遇到大量重復的代碼問題。

<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

上述代碼就是一個簡單的導航欄，我們可以發現，這些<li>標簽的內容是完全相同的，唯一不同的只是<a>標簽的鏈接地址和文字內容。如果我們需要在整個網站中添加導航欄，那么手動復制粘貼這段代碼將非常繁瑣且浪費時間。

這時，我們可以通過HTML代碼的重復利用來優化代碼。具體做法是將導航欄的HTML代碼封裝成一個模板文件，然后在每個HTML文件中使用<script>標簽引入模板文件。這樣，我們只需要修改模板文件中的內容，即可同時修改整個網站的導航欄。

<script src="nav.html"></script>

通過以上的方法，我們可以有效減少代碼的重復性，提高開發效率和代碼可維護性。