- Vue 3移動Web開發(fā)與性能調(diào)優(yōu)實戰(zhàn)
- 呂鳴
- 631字
- 2024-12-27 22:46:35
2.1 DOCTYPE聲明
DOCTYPE聲明在代碼中對應(yīng)的就是<!DOCTYPE>,它位于HTML文件的最前面,在<html>標簽之前。這里講解<!DOCTYPE>聲明主要是為了和HTML 5版本之前的聲明進行對比。
<!DOCTYPE>聲明不是HTML標簽,它的作用是告知Web瀏覽界面應(yīng)該使用哪個HTML版本。在HTML 5之前的HTML 4.0.1版本,有三種設(shè)置<!DOCTYPE>聲明的方式,分別說明如下:
(1)嚴格標準模式(HTML 4 Strict),聲明的代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4 /strict.dtd">
(2)近似標準模式(HTML 4 Transitional),聲明的代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org /TR/html4/loose.dtd">
(3)近似標準框架模式(HTML 4 Frameset),聲明的代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
這些聲明的代碼都采用固定的寫法,并無項目的關(guān)聯(lián)性,使用時直接設(shè)置即可。
HTML 5版本的<!DOCTYPE>聲明就簡單多了,只有一種版本,對應(yīng)的聲明代碼如下:
<!DOCTYPE html>
在完成<!DOCTYPE>聲明之后,在大多數(shù)情況下就要對網(wǎng)頁的語言和編碼進行設(shè)置。在網(wǎng)頁中聲明語言與編碼方式是很重要的,如果網(wǎng)頁文件沒有正確地聲明編碼方式,那么瀏覽器會根據(jù)網(wǎng)絡(luò)瀏覽者計算機上的設(shè)置來顯示編碼。我們有時瀏覽一些網(wǎng)站時會看到一些網(wǎng)頁變成了亂碼,通常就是因為沒有正確地聲明編碼方式導(dǎo)致。
在HTML 4.0.1版本中,通常采用<meta>標簽的方式來聲明語言和編碼方式,代碼如下:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" >
在HTML 5中,可以使用對<meta>標簽直接追加charset屬性的方式來指定字符的編碼方式,代碼如下:
<meta charset="UTF-8">
同時,在<html>標簽中使用lang屬性來設(shè)置語言,代碼如下:
<html lang="zh-CN">...</html>
需要說明的是,在<!DOCTYPE>聲明和<meta>標簽中設(shè)置的屬性都是不區(qū)分字母大小寫的,例如可以將UTF-8換成utf-8,<!DOCTYPE html>換成<!doctype html>。
接下來,創(chuàng)建一個新的HTML 5頁面,并添加上<!DOCTYPE html>聲明和語言及編碼方式的設(shè)置,如示例代碼2-1-1所示。
示例代碼2-1-1 第一個HTML 5頁面

上面代碼是完整的HTML 5代碼,可以直接在瀏覽器中運行,后續(xù)有關(guān)標簽和相關(guān)屬性的講解會以此為基礎(chǔ)。
- 算法精粹:經(jīng)典計算機科學(xué)問題的Java實現(xiàn)
- SSM輕量級框架應(yīng)用實戰(zhàn)
- 深入淺出React和Redux
- 軟件測試綜合技術(shù)
- Python計算機視覺和自然語言處理
- 零基礎(chǔ)學(xué)HTML+CSS第2版
- H5+移動營銷設(shè)計寶典
- TypeScript圖形渲染實戰(zhàn):2D架構(gòu)設(shè)計與實現(xiàn)
- 實戰(zhàn)Python網(wǎng)絡(luò)爬蟲
- 面向?qū)ο蟪绦蛟O(shè)計及C++(第3版)
- 從“1”開始3D編程
- Java EE項目應(yīng)用開發(fā)
- 面向?qū)ο蠓治雠c設(shè)計(第3版)
- C語言程序設(shè)計
- AVR單片機C語言非常入門與視頻演練