HTML5外鏈代碼是網頁開發中經常使用的一種技術,是指在HTML5文檔中使用其他資源的鏈接路徑,使得HTML頁面能夠調用外部資源(如樣式表、JavaScript、圖像等)。下面是一個示例的外鏈代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>外鏈代碼示例</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>歡迎來到我的網站</h1>
<p>這是一個示例的段落,可以使用 CSS 進行樣式設計。</p>
<img src="images/picture.jpg" alt="一張美麗的圖片">
<script src="script.js"></script>
</body>
</html>
以上代碼中,使用了三個外鏈資源。第一個是外部樣式表,通過在`head`標簽中添加`link`標簽,可以將`style.css`文件鏈接到HTML文檔中,從而使得所有頁面使用同一的樣式設計。第二個是圖片資源,使用`img`標簽將圖片鏈接進來,從而在頁面中顯示出來。第三個是JavaScript腳本,使用`script`標簽將`script.js`文件鏈接到HTML文檔中,使得頁面可以執行其中的JavaScript代碼。
需要注意的是,外鏈資源的路徑需要正確指定,否則資源將無法被正確加載。如果資源路徑有誤,可以通過瀏覽器的開發者工具(如Chrome DevTools)查看控制臺,檢查資源加載情況以及路徑是否正確。