前端最先接触应该都是HTML,在 HTML 中很多人可能都没有把什么叫元素,什么叫标签这个概念搞清楚,针对这个问题,做出如下解答:
首先我们来看概念
一、元素
- HTML 元素以_开始标签_起始
- HTML 元素以_结束标签_终止
- _元素的内容_是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容(empty content)
- 空元素在开始标签中进行关闭(以开始标签的结束而结束)
- 大多数 HTML 元素可拥有属性
详情查看:https://www.w3cschool.cn/html/html-elements.html
二、标签
- 由尖括号包围的关键词,比如 <html>
- 通常是成对出现的,比如 <div> 和 </div>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签;
- 开始和结束标签也被称为开放标签和闭合标签。
- 也有单独呈现的标签,如:<img src="编程狮.jpg" />等。
- 一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如
<h1>>标题</h1>
和 <input type="text" value="按钮" />
。
- 网页的内容需在<html>标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中,而网页需展示的内容需嵌套在<body>标签中。某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是应该养成正规编写习惯。
详情查看:https://www.w3cschool.cn/htmltags/ref-byfunc.html
通过对比我们可以清楚的了解到,HTML 标签是超文本标记语言的最基本单位,而 HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。标签不区分大小写,但是官方建议小写。
你还可以选择刷一下《HTML微课》加深理解。
推荐选择一门《前端课程职位课程》来系统化的学习下前端。