此示例使用 HTML + Canvas 實現滑動拼圖驗證碼。Canvas繪制帶隨機缺口的背景，獨立滑塊按鈕監聽滑鼠/觸摸拖拽，實時將滑塊位置映射到Ca...
doctype html的作用及代碼例子
雲端運算與程式碼
2023年05月14日 10:42 674
訪客
`<!doctype html>` 是指 HTML文檔類型聲明（Doctype）的標準。它告訴網絡瀏覽器和其他Web瀏覽器解析器文檔使用的是哪個HTML標準版本或者是哪個XML文檔類型定義（DTD）。
在 HTML5 中，`<!doctype html>` 是一個非常簡單的聲明，因為已經沒有了其他HTML標準版本或者XML文檔類型定義的支持。此外，這個文檔類型聲明也非常簡短，易於理解和記憶。
關於 `<!doctype html>` 的作用：
1. 瀏覽器使用指定的文檔類型來解釋HTML文檔，確保瀏覽器正確地渲染頁面;
2. 確定HTML文檔使用哪種HTML版本或者是XML文檔類型定義（DTD），以幫助有效解析頁面;
3. 將文檔標識為符合 XHTML 規範還是非 XHTML 規範的HTML文檔。
HTML5標準建議在HTML文檔的開頭處使用 `<!doctype html>` 聲明，確保最新的瀏覽器和解析器正確地解析HTML頁面，消除了之前Doctype轉移問題等兼容性問題。
下面是一個簡單的 `<!doctype html>` 的代碼例子:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Example Page</title> </head> <body> <h1>Example Header</h1> <p>Example paragraph text.</p> </body> </html>
這個例子中:
- `<!doctype html>`定義了這是一個HTML5文檔類型，最新的HTML版本，使得瀏覽器可以正確地解析文檔;
- `<html>`元素是HTML文檔的根元素，可以包含文檔中的所有其他元素;
- `lang`屬性指定文檔的語言，這裏是英語。
- `<head>`元素是文檔頭部的容器，包含了文檔的元信息(meta information)和鏈接(link)，用於描述文檔的相關信息;
- `<meta charset="UTF-8">`指定了文檔的字符編碼，這裏是 UTF-8;
- `<title>`元素定義了文檔標題，顯示在瀏覽器窗口的標題欄上;
- `<body>`元素包含文檔的可見內容，包括標題、文本、圖片、鏈接和其他元素;
- `<h1>`元素定義了頁面的主標題;
- `<p>`元素定義了一個段落。
註意，這僅僅是一個簡單的例子，實際上HTML頁面可以非常復雜，包含很多元素和特性。
相關文章
