最近很多人可能會遇到一個問題,就是在使用 HTML5 的時候,打開網頁竟然出現了一堆代碼。這是什么情況呢?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello World</title> </head> <body> <p>Hello, World!</p> </body> </html>
這種情況其實是因為瀏覽器的默認行為發生了改變。在 HTML5 中,瀏覽器遇到不認識的標簽時,默認會把這些標簽當做純文本處理,這就導致了頁面上出現一大串代碼。
那么該怎么處理呢?其實很簡單,只需要告訴瀏覽器如何處理這些不認識的標簽即可。我們可以使用 CSS 的 user agent stylesheet 來實現這個需求。
body { display: block; }
通過設置 body 的 display 屬性為 block,我們就能夠讓瀏覽器將不認識的標簽當做塊級元素處理,而不是直接顯示成代碼。
同時,在編寫 HTML5 頁面時,為了能夠讓瀏覽器正確地解析頁面,我們還需要添加一行 DOCTYPE 聲明,這樣瀏覽器才能正確識別頁面的類型。
<!DOCTYPE html>
至此,我們就可以愉快地編寫 HTML5 頁面了!