前端最先接觸應該都是HTML,在 HTML 中很多人可能都沒有把什么叫元素,什么叫標簽這個概念搞清楚,針對這個問題,做出如下解答:
首先我們來看概念
一、元素
- HTML 元素以_開始標簽_起始
- HTML 元素以_結束標簽_終止
- _元素的內容_是開始標簽與結束標簽之間的內容
- 某些 HTML 元素具有空內容(empty content)
- 空元素在開始標簽中進行關閉(以開始標簽的結束而結束)
- 大多數 HTML 元素可擁有屬性
詳情查看:http://o2fo.com/html/html-elements.html
二、標簽
- 由尖括號包圍的關鍵詞,比如 <html>
- 通常是成對出現的,比如 <div> 和 </div>
- 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽;
- 開始和結束標簽也被稱為開放標簽和閉合標簽。
- 也有單獨呈現的標簽,如:<img src="編程獅.jpg" />等。
- 一般成對出現的標簽,其內容在兩個標簽中間。單獨呈現的標簽,則在標簽屬性中賦值。如
<h1>>標題</h1>
和 <input type="text" value="按鈕" />
。
- 網頁的內容需在<html>標簽中,標題、字符格式、語言、兼容性、關鍵字、描述等信息顯示在<head>標簽中,而網頁需展示的內容需嵌套在<body>標簽中。某些時候不按標準書寫代碼雖然可以正常顯示,但是作為職業(yè)素養(yǎng),還是應該養(yǎng)成正規(guī)編寫習慣。
詳情查看:http://o2fo.com/htmltags/ref-byfunc.html
通過對比我們可以清楚的了解到,HTML 標簽是超文本標記語言的最基本單位,而 HTML 元素指的是從開始標簽(start tag)到結束標簽(end tag)的所有代碼。標簽不區(qū)分大小寫,但是官方建議小寫。
你還可以選擇刷一下《HTML微課》加深理解。
推薦選擇一門《前端課程職位課程》來系統(tǒng)化的學習下前端。