HTML5中的標(biāo)記方法的使用
2024-03-21 分類： 網(wǎng)站建設(shè)
HTML 5中的語法變化的變化，正是因為在HTML 5之前幾乎沒有符合標(biāo)準(zhǔn)規(guī)范的Web瀏覽器。接下來讓我們看一下，HTML 5中的標(biāo)記方法。
1.內(nèi)容類型（ContentType）
DOCTYPE聲明是HTML文件中必不可少的，它位于文件的第一行。在HTML 4中，它的聲明方法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在HTML 5中，不需要使用版本聲明，一份文檔將會適用與所有的HTML版本。HTML 5中的DOC TYPE聲明方法（不區(qū)分大小寫）如下：
什么是DOCTYPE
<!DOCTYPE> 聲明位于文檔中的最前面的位置，處于 <html> 標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
在上面的聲明中，聲明了文檔的根元素是 html，它在公共標(biāo)識符被定義為 “-//W3C//DTD XHTML 1.0 Strict//EN” 的 DTD 中進(jìn)行了定義。瀏覽器將明白如何尋找匹配此公共標(biāo)識符的 DTD。如果找不到，瀏覽器將使用公共標(biāo)識符后面的 URL 作為尋找 DTD 的位置。
該標(biāo)簽可聲明三種 DTD 類型，分別表示嚴(yán)格版本、過渡版本以及基于框架的 HTML 文檔。
HTML 4.01嚴(yán)格版本
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01過渡版本
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01基于框架版本
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html>
另外，當(dāng)使用工具時，也可以在DOCTYPE聲明方式中加入STSTEM識別符，聲明方法如下面的代碼所示：
<DOCTYPE HTML SYSTEM "about:legacy-compat">
在HTML 5中，像這樣的DOCTYPE聲明方法是允許的（不區(qū)分大小寫，引號不區(qū)分是單引號還是雙引號）。 3.指定字符編碼
在HTML 4 中使用meta元素的形式指定文件中的字符編碼，如下所示：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
在HTML 5中可以使用<mate>元素直接追加charset屬性的方式來指定字符編碼，如下所示：
<meta charset="UTF-8">
兩種方法都有效，可以繼續(xù)使用前面的一種方法，但是不能同時混合使用兩。
DOCTYPE聲明是HTML文件中必不可少的，它位于文件的第一行。在HTML 4中，它的聲明方法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在HTML 5中，不需要使用版本聲明，一份文檔將會適用與所有的HTML版本。HTML 5中的DOC TYPE聲明方法（不區(qū)分大小寫）如下：
什么是DOCTYPE
<!DOCTYPE> 聲明位于文檔中的最前面的位置，處于 <html> 標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
在上面的聲明中，聲明了文檔的根元素是 html，它在公共標(biāo)識符被定義為 “-//W3C//DTD XHTML 1.0 Strict//EN” 的 DTD 中進(jìn)行了定義。瀏覽器將明白如何尋找匹配此公共標(biāo)識符的 DTD。如果找不到，瀏覽器將使用公共標(biāo)識符后面的 URL 作為尋找 DTD 的位置。
該標(biāo)簽可聲明三種 DTD 類型，分別表示嚴(yán)格版本、過渡版本以及基于框架的 HTML 文檔。
HTML 4.01嚴(yán)格版本
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01過渡版本
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01基于框架版本
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html>
另外，當(dāng)使用工具時，也可以在DOCTYPE聲明方式中加入STSTEM識別符，聲明方法如下面的代碼所示：
<DOCTYPE HTML SYSTEM "about:legacy-compat">
在HTML 5中，像這樣的DOCTYPE聲明方法是允許的（不區(qū)分大小寫，引號不區(qū)分是單引號還是雙引號）。 3.指定字符編碼
在HTML 4 中使用meta元素的形式指定文件中的字符編碼，如下所示：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
在HTML 5中可以使用<mate>元素直接追加charset屬性的方式來指定字符編碼，如下所示：
<meta charset="UTF-8">
兩種方法都有效，可以繼續(xù)使用前面的一種方法，但是不能同時混合使用兩。
分享題目：HTML5中的標(biāo)記方法的使用
當(dāng)前網(wǎng)址：http://m.2m8n56k.cn/news46/321146.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、虛擬主機(jī)、微信小程序、網(wǎng)站導(dǎo)航、動態(tài)網(wǎng)站、響應(yīng)式網(wǎng)站
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 響應(yīng)式企業(yè)網(wǎng)站建設(shè)有什么優(yōu)勢？ 2024-03-21
- 怎么自己建網(wǎng)站？自己建網(wǎng)站要注意以下4點 2024-03-21
- 企業(yè)網(wǎng)站建設(shè)不可一味追求廉價 2024-03-21
- 分析百度新規(guī)則下的外鏈新模式 2024-03-21
- 說說看成都有經(jīng)驗的SEO優(yōu)化公司有哪幾家 2024-03-21
- 數(shù)據(jù)中心和服務(wù)器機(jī)房的優(yōu)缺點，數(shù)據(jù)中心的類型 2024-03-21
- 兩人專為不法分子架設(shè)“釣魚網(wǎng)站”獲刑三年 2024-03-21
- 教你巧妙運用漸變色快速提升設(shè)計格調(diào)！ 2024-03-21
- 成都400電話申請常見問題答疑 2024-03-21
- 色彩搭配 2024-03-21
- 在建設(shè)網(wǎng)站時幾個SEO優(yōu)化技巧需要注意 2024-03-21
- 那些你不知道的關(guān)于網(wǎng)站建設(shè)必備的26項要素 2024-03-21
- 企業(yè)電商出海時代，獨立站設(shè)計的5個關(guān)鍵點和4個避坑點 2024-03-21
- 專業(yè)的網(wǎng)站風(fēng)格指南 2024-03-21
- 創(chuàng)新互聯(lián)：怎么樣才能夠讓我們的用戶擁有更好的體驗?zāi)兀?/a> 2024-03-21
- 東莞網(wǎng)站設(shè)計如何提高吸引力？ 2024-03-21
- 交互設(shè)計的幾種主要方法 2024-03-21
- 7個技巧幫你做更好的網(wǎng)頁首圖設(shè)計 2024-03-21
- 怎樣讓你的網(wǎng)店回頭客源源不斷 2024-03-21