位置：首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > HTML > 問(wèn)題詳情

HTML5 簡(jiǎn)化HTML5文檔

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-20

    ■實(shí)例說(shuō)明

本節(jié)示例將遵循HTML5語(yǔ)法規(guī)范編寫(xiě)一個(gè)文檔。本例文檔省略了<html><head><body>等標(biāo)簽，使用HTML5的DOCTYPE聲明文檔類型，簡(jiǎn)化<meta>的charset屬性設(shè)置，省略<p>標(biāo)簽的結(jié)束標(biāo)記，使用<元素/>的方式來(lái)結(jié)朿<meta>和<br>標(biāo)簽等。

    ■設(shè)計(jì)代碼

<!DOCTYPE html>

<meta charset="UTF-8">

<title>HTML5基本語(yǔ)法</title>

<h1>HTNL5的目標(biāo)</h1>

<p>HTML5的目標(biāo)是為了能夠創(chuàng)建更簡(jiǎn)單的Web程序，書(shū)寫(xiě)出更簡(jiǎn)潔的HTML代碼。

<br/>例如，為了使Web應(yīng)用程序的開(kāi)發(fā)變得更容易，提供了很多API；為了使HTML變得更簡(jiǎn)潔，開(kāi)發(fā)出了新的屬性、新的元素等?？傮w來(lái)說(shuō)，為下一代Web平臺(tái)提供了許許多多新的功能。

    ■演示說(shuō)明

    這段代碼在IE瀏覽器中的運(yùn)行結(jié)果如圖所示。

image.png

    通過(guò)短短幾行代碼就完成了一個(gè)頁(yè)面的設(shè)計(jì)，這充分說(shuō)明了HTML5語(yǔ)法的簡(jiǎn)潔。同時(shí)，HTML5不是一種XML語(yǔ)言，其語(yǔ)法也很隨意，下面從這兩方面進(jìn)行逐句分析。

    第1行代碼如下。

    <!DOCTYPE html>

    不需要包括版本號(hào)，僅告訴瀏覽器需要一個(gè)DOCTYPE來(lái)觸發(fā)標(biāo)準(zhǔn)模式，可謂簡(jiǎn)明扼要。

    接下來(lái)說(shuō)明文檔的字符編碼，否則將出現(xiàn)瀏覽器不能正確解析。

    <meta charset="UTF-8">

    同樣也很簡(jiǎn)單，HTML5不區(qū)分大小寫(xiě)，不需要標(biāo)記結(jié)束符，不介意屬性值是否加引號(hào)，即下列代 碼是等效的。

    <meta charset="UTF-8">

    <META charset="UTF-8"/>

    <META charset=UTF-8>

    在主體中，可以省略主體標(biāo)記，直接編寫(xiě)需要顯示的內(nèi)容。雖然在編寫(xiě)代碼時(shí)省略了<html><head> 和<body>標(biāo)記，但在瀏覽器進(jìn)行解析時(shí)，將會(huì)自動(dòng)進(jìn)行添加?？紤]到代碼的可維護(hù)性，在編寫(xiě)代碼時(shí)，應(yīng)該盡量增加這些基本結(jié)構(gòu)標(biāo)簽。


繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部