元素

HTML本质上是由一系列的元素（Element）构成的。

元素是网页的一部分；
一个元素可以包含一个数据项，或是一块文本，或是一张照片，亦或是什么也不包含；

HTML有哪些元素？

元素的组成

剖析一个HTML元素的组成：

这个元素的主要部分有：

开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右尖括号所包围。表示元素从这里开始或者开始起作用。
结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾。
内容（Content）：元素的内容，本例中就是所输入的文本本身。
元素（Element）：开始标签、结束标签与内容相结合，便是一个完整的元素。

元素的属性

元素也可以拥有属性（Attribute）：

属性包含元素的额外信息，这些信息不会出现在实际的内容中。

一个属性必须包含如下内容：

一个空格，在属性和元素名称之间。(如果已经有一个或多个属性，就与前一个属性之间有一个空格。)
属性名称，后面跟着一个等于号。
一个属性值，由一对引号“ ”引起来。

属性的分类

有些属性是公共的，每一个元素都可以设置

比如class、id、title属性

有些属性是元素特有的，不是每一个元素都可以设置

比如meta元素的charset属性、img元素的alt属性等

单标签元素 – 双标签元素

双标签元素：我们会发现前面大部分看到的元素都是双标签的。

html、body、head、h2、p、a元素；

单标签元素：也有一些元素是只有一个标签。

br、img、hr、meta、input；

注意事项：

HTML元素不区分大小写，但是推荐小写

元素的结构总结

元素的嵌套关系

某些元素的内容除了可以是文本之外，还可以去其他元素，这样就形成了 元素的嵌套。

HTML的注释

注释：

简单来说，注释就是一段代码说明。

注释是只给开发者看的，浏览器并不会把注释显示给用户看。

注释的意义：

帮助我们自己理清代码的思路, 方便以后进行查阅。
与别人合作开发时, 添加注释, 可以减少沟通成本.(同事之间分模块开发)。
开发自己的框架时, 加入适当的注释, 方便别人使用和学习.(开源精神)。
可以临时注释掉一段代码, 方便调试。

注释快捷键：ctrl + /

元素(Element)相关推荐

【Revit二次开发】元素(Element)
图元与图元类型元素元素元素(Element)也称图元图元作为revit建模的基础,数量庞大,关系千丝万缕.先了解图元的分类,将会帮助我们整理思路,找到功能开发的关键点. 每一个人都可以按照自己 ...
javascript 改变 HTML 元素 element.innerHTML、.attribute、.setAttribute(attribute, value)、.style.property
改变元素的 inner HTML element.innerHTML = new html content 改变元素的 inner HTML eg: div.innerHTML = '这是一条测试文本 ...
Selenium 对元素element的操作举例
前三个用的比较多,模拟用户操作最多的就是点击,输入文本,其他的UI自动化测试中涉及的不多,对判断元素是否存在,断言元素是否被选中,元素被选中后CSS属性是否更改等,还是很有必要的. 转载于:https ...
Javascript及Jquery获取元素节点以及添加和删除操作
用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...
DOM Node Element Attr 的联系与区别汇总
node有几个子类型:Element, Text, Attribute, RootElement, Comment, Namespace等 Element是可以有属性和子节点的node. ------ ...
使用dom方式遍历文档||获取元素||从元素中获取数据
使用dom方式遍历文档获取元素根据id查询元素getElementById 根据标签获取元素getElementsByTag 根据class获取元素getElementsByClass 根据属性获 ...
使用 XML Schema 定义元素的基本知识
新的 XML Schema 系统即将成为 W3C 推荐标准,目的是为了克服 DTD 的局限性(请参阅侧栏, DTD 的局限性 ),为 XML 文档提供丰富的语法结构.本文展示了模式的灵活性,说明如何使 ...
list删除某个元素_Redis对象——列表(List)
列表(list)类型是用来存储多个有序的字符串,列表中的每个字符串称为元素(element),一个列表最多可以存储232-1个元素.在Redis中,可以对列表两端插入(push)和弹出(pop),还可 ...
[转]ExtJs基础--Html DOM、Ext Element及Component三者之间的区别
要学习及应用好Ext框架,必须需要理解Html DOM.Ext Element及Component三者之间的区别. 每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM ...
离散数学反对称关系_【离散数学】1.2＆1.3集合与元素，集合与集合之间的关系...
离散数学是编程人员进阶的必修科目,是计算机专业学生的基础课程之一,多为理论性知识,较抽象. [离散数学]第一章(集合论基础)的小节主要有: 1.1集合的定义和表示 1.2集合与元素的关系 1.3集合与 ...

元素(Element)

元素