html5中元素由哪三部分組成

青灯夜游
發布: 2022-04-25 13:35:24
原創
3203 人瀏覽過

html5中元素由開始和結束標籤、內容、屬性三部分組成,語法「<開始標籤名稱>內容」。標籤名稱不區分大小寫,但屬性的值需要區分大小寫;且少部分HTML標籤沒有單獨的結束標籤,而是在開始標籤中加入「/」來進行閉合。

html5中元素由哪三部分組成

本教學操作環境: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 程式碼進行說明,瀏覽器會忽略註釋內容,所以使用者在網頁中看不到註解

【相關推薦:html影片教學web前端

以上是html5中元素由哪三部分組成的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!