[心得] HTML主要結構語法:html、head、body

作者: moodyblue   2020-09-16 17:37:04
HTML主要結構語法:<!DOCTYPE html>、<html>、<head> 、<body>、註解等
網誌圖文版:
https://www.b88104069.com/archives/4620
本文介紹HTML網頁文件主要結構,從宣告版本<!DOCTYPE html>、<html></html>、
<head> </head>、到<body></body>,同時說明如何添加註解,以<pre></pre>標籤及<br>
顯示原始排版,最後補充顯示空格特殊符號&nbsp;。
一、HTML文件
這是HTML標準也是主要結構,各標籤用法如下:
<!DOCTYPE html>:
因為有約定成俗統一的文法,我們才能使用同一個語言溝通,不同瀏覽器在顯示眾多網頁
時也是如此。HTML便是一套規定瀏覽器如何展現解析網頁內容的標準,雖然最新版本是
2014的HTML 5,但是在網頁技術發展的過程中,在這之前還有HTML 2、HTML 3、HTML 4等
許多版本,可以想見會有很多網頁是在新版本發佈之前設計好的,它們不可能根據HTML 5
編寫,所以每一份HTML文件都應該在開頭第一行寫明所適用的HTML版本,這樣瀏覽器才能
依照原始設計者的預期,正確解析網頁內容。所謂的「DOCTYPE」是Document Type文件型
態的意思,「<!DOCTYPE html>」便是告訴瀏覽器我的網頁是依照HTML 5標準設計的。
輔充說明,HTML標準是由國際共同承認的W3C組織發佈,英文全名為World Wide Web
Consortium,之後會介紹到的CSS也是由W3C制定。
<html></html>:這個標籤的開始和結束代表整個HTML文件本身,等於是告訴瀏覽器什麼
時候開始,什麼時候結束。
<head> </head>:HTML文件的頭部或者是封面,它並不是瀏覽器要顯示出來的內容,是有
關於這份文件的基本資訊,例如這裡很典型的網頁標題,瀏覽器會把<Title>贊贊小屋
</Title>中的「贊贊小屋」顯示在索引標籤上。
<body></body>:HTML文件中真正要瀏覽器顯示在網頁上的內容。
二、分行及縮排
通常整個HTML文件會有分行及縮排的佈局,這樣閱讀比較容易,程式設計時也方便修改。
圖片上可以清楚看出原始HTML文件及瀏覽器顯示網頁。
三、HTML註解
程式為了方便閱讀都有標示註解的設置,HTML是以「<!
作者: a321b321ab (稻綠)   2020-09-17 12:29:00
基礎概念推
作者: loeiia (loa)   2020-11-06 03:05:00
感謝推

Links booklink

Contact Us: admin [ a t ] ucptt.com