html5中元素由開始和結束標籤、內容、屬性三部分組成,語法「<開始標籤名稱>內容」。標籤名稱不區分大小寫,但屬性的值需要區分大小寫;且少部分HTML標籤沒有單獨的結束標籤,而是在開始標籤中加入「/」來進行閉合。
本教學操作環境:windows7系統、HTML5版、Dell G3電腦。
HTML 中的標籤就像關鍵字一樣,每個標籤都有自己的語意(意義),例如
標籤代表段落,標籤代表加粗。根據標籤的不同,瀏覽器會使用不同的方式來展示標籤中的內容。
在實際開發中,有時我們也會將 HTML 標籤稱為 HTML 元素。
html5中元素由開始和結束標籤
、內容
、屬性
三部分組成。
大部分html元素以開始標籤起始,以結束標籤終止,少部分HTML元素沒有單獨的結束標籤,使用「/」閉合。
元素的內容是開始標籤與結束標籤之間的內容。
標籤的名稱不區分大小寫,但大多數屬性的值需要區分大小寫,如下所示:
属性 ↓ <div class="foo">php中文网</div> ↑ ↑ ↑ 开始标签 内容 结束标签
除了class 屬性外,開始標籤中還可以包含其它屬性訊息,如id、title 等。
注意,雖然 HTML 標籤在語法上不區分大小寫,但是為了規範和專業,強烈建議在定義標籤時一律採用小寫。
當使用瀏覽器開啟我們所寫的HTML 文件時,瀏覽器會從上到下依序讀取文件中的內容,並根據HTML 標籤和屬性將標籤中的內容呈現在瀏覽器中。
一個 HTML 文件中必須具有一些基本的標籤,以便瀏覽器區分普通文字和 HTML 文件。您可以根據想要實現的效果使用任意數量的標籤,但有以下幾點需要注意:
#所有HTML 標籤都必須放在尖括號< >內;
HTML 中不同的標籤可以實現不同的效果;
如果使用了某個標籤,則必須使用對應的結束標籤來結尾(自閉和標籤除外)。
自閉和標籤
有一些HTML 標籤沒有單獨的結束標籤,而是在開始標籤中加入/來進行閉合,這種標籤稱為自閉和標籤。請看下面的範例:
<img src="/static/images/new/logo.png" alt="php中文网Logo" /> <!-- 图像 --> <hr /> <!-- 分割线 --> <br /> <!-- 文本换行 --> <input type="text" placeholder="请输入内容" /> <!-- 文本输入框 -->
自閉和標籤不用包圍內容,所以不需要單獨的結束標籤。只有一小部分 HTML 標籤是自閉和的。
<!-- -->
表示HTML 註釋,用來對HTML 程式碼進行說明,瀏覽器會忽略註釋內容,所以使用者在網頁中看不到註解
以上是html5中元素由哪三部分組成的詳細內容。更多資訊請關注PHP中文網其他相關文章!