下面是一份百度靜態(tài)頁面的HTML代碼:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>百度一下,你就知道</title> <link rel="stylesheet" href="https://www.baidu.com/css/index.min.css"> </head> <body> <div class="s-top-wrap"> <div id="form" class="s-form"> <div class="form-item"> <input id="kw" name="wd" class="s-input" autofocus autocomplete="off"> </div> <div class="form-item form-op"> <input type="submit" value="百度一下" class="s-btn-submit"> </div> </div> </div> <script src="https://www.baidu.com/js/index.min.js?v=20210723"></script> </body> </html>
該代碼首先聲明了HTML文檔的類型,并指定了語言為中文。接下來是頁面的頭部信息,其中設(shè)置了編碼格式、頁面視口等信息。頁面的標(biāo)題為“百度一下,你就知道”,并引入了一個(gè)CSS文件,該文件為百度首頁的樣式。
在頁面的主體部分,首先有一個(gè)搜索框,整體使用了一個(gè)class為“s-top-wrap”的div包裹。搜索框的HTML代碼中,使用了一個(gè)id為“kw”的輸入框和一個(gè)value為“百度一下“的提交按鈕,class為“s-input”和“s-btn-submit”分別代表輸入框和按鈕的樣式。
還有一個(gè)script標(biāo)簽引入了一個(gè)JavaScript文件,用于頁面的交互和功能實(shí)現(xiàn)。