HTML5中的標記方法

們來看一下在HTML5中的標記方法。

　內容類型（ContentType）

首先，HTML5文件的擴展名和內容類型沒有發生變化。即擴展名還是.html或.htm，內容類型還是.text/html。

　DOCTYPE聲明

要使用HTML5標記，必須先進行如下的DOCTYPE聲明。不區分大小寫。Web瀏覽器通過判斷文件開頭有沒有這個聲明，讓解析器和渲染類型切換成對應HTML5的模式。

<!DOCTYPE html>

另外，當使用工具時，也可以在DOCTYPE聲明方式中加入SYSTEM標識。不區分大小寫。此外還可將雙引號換為單引號來使用，聲明方法如下面的代碼。

<!DOCTYPE HTML SYSTEM "about:legacy-compat">

　字符編碼的設置

字符編碼的設置方法也有些新的變化。以前，設置HTML文件的字符編碼時，要用到meta元素，代碼如下。

在HTML5中，可以使用<meta>元素的新屬性charset來設置字符編碼。

以上兩種方法都有效。因此也可以繼續使用前者（通過content元素的屬性來設置）。但二者不能同時使用。如下所示代碼的使用方法是錯誤的。

注意

從HTML5開始，文件的字符編碼推薦使用UTF-8。

TML5 是一種用于建立和呈現網頁內容的標準標記語言。它引入了一些新的元素、屬性和 API，使得開發者能夠更輕松地創建富媒體和交互性網頁。下面是一些 HTML5 的常見用法：

結構化標簽：HTML5 引入了一些新的語義化標簽，如 <header>、<nav>、<section>、<article>、<footer> 等，用于更清晰地描述網頁的結構和內容。
多媒體支持：HTML5 提供了 <audio> 和 <video> 標簽，使得在網頁中直接嵌入音頻和視頻變得更簡單。開發者可以通過指定源文件格式和相關參數來控制多媒體內容的播放。

Canvas 繪圖：HTML5 的 <canvas> 元素允許開發者使用 JavaScript 在網頁上繪制圖形、動畫和數據可視化效果。通過將圖形繪制到畫布上，開發者可以實現各種自定義的交互式效果。
地理位置定位：HTML5 引入了 Geolocation API，用于獲取用戶設備的地理位置信息。開發者可以使用這些信息來提供定位服務、個性化內容和導航等功能。
本地存儲：HTML5 支持 Web Storage、IndexedDB 和 Web SQL Database 等本地存儲技術，使得瀏覽器能夠在客戶端存儲數據，以便在離線時訪問和更新。
Web Workers：HTML5 引入了 Web Workers API，允許在后臺運行腳本，從而提高網頁的性能和響應速度。開發者可以將耗時的任務放在后臺線程中進行處理，不會阻塞主線程的執行。

總而言之，HTML5 提供了許多新的功能和 API，使得開發者能夠更靈活、更強大地構建現代網頁應用。同時，它也更好地支持移動設備和多媒體內容，提供了更好的用戶體驗。

文來自《HTML自學視頻教程》

軟件開發技術聯盟編著

清華大學出版社

課本第21頁

2.3.6 設置限制搜索的方式

網頁可以通過在meta中設置來限制搜索引擎對頁面的搜索方式

如下content值與其對應的含義

All 表示能搜索當前網頁及其鏈接的網頁

Index 表示能搜索當前網頁

Nofollow 表示不能搜索與當前網頁鏈接的網頁

Noindex 表示不能搜索當前網頁

None 表示不能搜索當前網頁及與其鏈接的網頁

實例代碼：

*請認真填寫需求信息，我們會在24小時內與您取得聯系。