HTML中标签和元素的区别

　　作为一个前端，相信大家最先接触应该都是HTML吧？在HTML中很多人可能都没有把什么叫标签，什么叫元素这个概念搞清楚，为了把这个大家不曾留意的易混淆的搞清楚，特作此一文彻底解决掉这个问题！

　　首先我们来看概念

　　1.标签

  1. 由尖括号包围的关键词，比如 <html>
  2. 通常是成对出现的，比如 <div> 和 </div>
  3. 标签对中的第一个标签是开始标签，第二个标签是结束标签；
  4. 开始和结束标签也被称为开放标签和闭合标签。
  5. 也有单独呈现的标签，如：<img src="百度百科.jpg" />等。
  6. 一般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性中赋值。如<h1>标题</h1>和 <input type="text" value="按钮" />。
  7. 网页的内容需在<html>标签中，标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中，而网页需展示的内容需嵌套在<body>标签中。某些时候不按标准书写代码虽然可以正常显示，但是作为职业素养，还是应该养成正规编写习惯。

　　2.元素

　　1.HTML 元素以开始标签起始

　　2.HTML 元素以结束标签终止

　　3.元素的内容是开始标签与结束标签之间的内容

　　4.某些 HTML 元素具有空内容（empty content）

　　5.空元素在开始标签中进行关闭（以开始标签的结束而结束）

　　6.大多数 HTML 元素可拥有属性

　　通过对比我们可以清楚的了解到，HTML标签是超文本标记语言的最基本单位，而HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。标签不区分大小写，但是官方建议小写。

　　现在超文本标记语言发布第五个版本。那就是大名鼎鼎的HTML5.顺便吐槽一句，现在许多外行，包括部分脑残码农，张口闭口就是你们做h5的怎么怎么滴，在此我只想大喊一声：“我们是前端工程师，Front End Engineer！！！我们会的不仅仅是HTML ! OK？”

 

posted @ 2016-12-20 14:44  四水一木刃  阅读(3973)  评论(0)  编辑  收藏  举报