HTML5是一種新的網(wǎng)頁標(biāo)準(zhǔn)，百度也在不斷地更新和改進(jìn)它的頁面。下面是一段百度頁面的HTML5代碼。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>百度一下，你就知道</title> <link rel="stylesheet" href="./css/index.css"> </head> <body> <div class="wrapper"> <div class="logo"> <img src="http://www.baidu.com/img/bdlogo.gif" alt="百度一下，你就知道"> </div> <div class="search"> <form action="http://www.baidu.com/s" method="get"> <div class="input-wrap"> <input type="text" name="wd" autocomplete="off"> </div> <div class="btn-wrap"> <input type="submit" value="百度一下"> </div> </form> </div> </div> </body> </html>
在這段HTML代碼中，我們使用了DOCTYPE聲明來指定文檔類型為HTML5，并設(shè)置了網(wǎng)頁的字符編碼、瀏覽器兼容模式、視窗大小等基礎(chǔ)信息。接著，我們?cè)陬^部區(qū)域引入了一個(gè)名為index.css的CSS文件，來設(shè)置網(wǎng)頁的樣式。在body標(biāo)簽內(nèi)，我們使用了div標(biāo)簽來組織頁面結(jié)構(gòu)，以及使用了img標(biāo)簽來插入百度的Logo。在form表單中，我們使用了input標(biāo)簽來接收用戶的搜索關(guān)鍵詞，并且在input標(biāo)簽內(nèi)設(shè)置了autocomplete屬性，提供了搜索關(guān)鍵詞的自動(dòng)補(bǔ)全功能。最后，我們使用了input標(biāo)簽來設(shè)置搜索按鈕，并在form標(biāo)簽內(nèi)設(shè)置了它的提交目標(biāo)。