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