HTML5是指最新版本的HTML標準，它對于網頁設計和開發來說非常重要。在HTML5中，我們可以通過一些新的API和標簽來連接MySQL數據庫。

在HTML5中，我們可以使用JavaScript編寫連接MySQL的代碼。我們需要使用一個叫做PHP的中間件，它可以將我們的請求傳給MySQL數據庫服務器。

// 使用JavaScript連接MySQL的范例代碼
// 創建一個XMLHttpRequest對象
var xmlhttp = new XMLHttpRequest();
// 創建一個新的HTTP POST請求
xmlhttp.open("POST", "connect.php", true);
// 設置請求頭，告知服務器請求類型
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// 當請求狀態改變時，執行回調函數
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 處理服務器返回的數據
console.log(this.responseText);
}
};
// 發送請求
xmlhttp.send("name=John&age=22");

在上面的JavaScript代碼中，我們使用XMLHttpRequest對象來向服務器發送一個HTTP POST請求。我們還設置了請求頭，告知服務器請求的類型是application/x-www-form-urlencoded。我們還設置了回調函數來處理服務器返回的數據。

在服務器端，我們需要使用PHP來處理客戶端的請求。我們可以使用mysqli_connect()函數來連接MySQL數據庫。

// 使用PHP連接MySQL的范例代碼
// 定義MySQL數據庫的用戶名和密碼
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "myDB";
// 創建一個連接
$conn = mysqli_connect($servername, $username, $password, $dbname);
// 檢查連接是否成功
if (!$conn) {
die("連接失敗: " . mysqli_connect_error());
}
// 處理客戶端發送的POST請求
$name = $_POST["name"];
$age = $_POST["age"];
// 查詢數據庫中是否已經存在該數據
$sql = "SELECT id FROM MyGuests WHERE firstname='$name' AND age=$age";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) >0) {
echo "存在該數據";
} else {
echo "不存在該數據";
}
// 關閉連接
mysqli_close($conn);

在上面的PHP代碼中，我們使用mysqli_connect()函數來連接MySQL數據庫，并且使用die()函數來檢查連接是否成功。我們還處理了客戶端發送的POST請求，并且查詢了數據庫中是否已經存在該數據。

在HTML5中連接MySQL數據庫雖然需要使用中間件，但是它可以讓我們能夠方便地查詢數據庫中的數據，以及進行其他一些與數據庫相關的操作。