前端最先接觸應(yīng)該都是HTML,在 HTML 中很多人可能都沒有把什么叫元素,什么叫標(biāo)簽這個(gè)概念搞清楚,針對(duì)這個(gè)問題,做出如下解答:
首先我們來看概念
一、元素
- HTML 元素以_開始標(biāo)簽_起始
- HTML 元素以_結(jié)束標(biāo)簽_終止
- _元素的內(nèi)容_是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
- 某些 HTML 元素具有空內(nèi)容(empty content)
- 空元素在開始標(biāo)簽中進(jìn)行關(guān)閉(以開始標(biāo)簽的結(jié)束而結(jié)束)
- 大多數(shù) HTML 元素可擁有屬性
詳情查看:http://www.o2fo.com/html/html-elements.html
二、標(biāo)簽
- 由尖括號(hào)包圍的關(guān)鍵詞,比如 <html>
- 通常是成對(duì)出現(xiàn)的,比如 <div> 和 </div>
- 標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽;
- 開始和結(jié)束標(biāo)簽也被稱為開放標(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)書寫代碼雖然可以正常顯示,但是作為職業(yè)素養(yǎng),還是應(yīng)該養(yǎng)成正規(guī)編寫習(xí)慣。
詳情查看:http://www.o2fo.com/htmltags/ref-byfunc.html
通過對(duì)比我們可以清楚的了解到,HTML 標(biāo)簽是超文本標(biāo)記語(yǔ)言的最基本單位,而 HTML 元素指的是從開始標(biāo)簽(start tag)到結(jié)束標(biāo)簽(end tag)的所有代碼。標(biāo)簽不區(qū)分大小寫,但是官方建議小寫。
你還可以選擇刷一下《HTML微課》加深理解。
推薦選擇一門《前端課程職位課程》來系統(tǒng)化的學(xué)習(xí)下前端。