HTML 元素-之路教程

←HTML 基本标签

HTML 属性→

HTML 元素

HTML元素是HTML文档的单个组件。它表示语义或意义。元素还可以包含属性。

HTML元素是由起始标记定义的。
如果元素包含其他内容，则以结束标记结尾，
<p>…</p>是一个HTML元素，<h1>…</h1>是另一个HTML元素。

有些HTML元素不需要关闭，例如<img…/>、<hr/>和<br/>元素。这些被称为空元素或者自闭元素。

HTML文档由这些元素的树组成，它们指定了HTML文档应该如何构建，以及什么样的内容应该放在HTML文档的哪个部分。

HTML元素类型

元素可以被放在两个不同的组中:块级和内联级元素。
前者构成了文档的结构，而后者修饰了块的内容。

块元素占据了可用宽度的100%，并且在它之前和之后使用换行符呈现。
然而，内联元素只会占用它需要的空间。

注意块级元素不能放在内联级元素中。

最常用的块级元素有：<div>, <p>, <h1>到 <h6>, <form>, <ol>, <ul>, <li>等。

常见的内联级元素有：<img>, <a>, <span>, <strong>, <b>, <em>, <i>, <code>, <input>, <button>等。

嵌套HTML元素

大多数HTML元素可以包含任意数量的其他元素(空元素除外)，这些元素依次由标签、属性和内容或其他元素组成。

示例

<!DOCTYPE html>
<html>

   <head>
      <title>嵌套元素示例</title>
   </head>
	
   <body>
      <h1>这是<i>斜体</i>标题</h1>
      <p>这是<u>带下划线的</u>段落</p>
      <p>这是<mark>高亮的</mark>文本</p>
   </body>
	
</html>

HTML标签应该按照正确的顺序嵌套。
它们必须按照定义它们的相反顺序关闭，这意味着最后打开的标签必须首先关闭。

用HTML写注释

添加注释的目的通常是为了使源代码更容易理解。
它可以帮助其他开发人员(或者将来编辑源代码时的我们)理解我们试图用HTML做什么。
注释不在浏览器中显示。

HTML注释以结尾:

<!-- 这里是html的注释 -->
<!-- 这里是html中的
多行注释 -->
<p>正常的文本</p>

HHTML标签Vs元素

从技术上讲，HTML元素是开始标签、属性、结束标签以及两者之间所有内容的集合。
另一方面，HTML标签用于标记元素的开始或结束。

例如，<p>是段落的起始标签，</p>是同一段落的结束标签，但<p>这是段落</p>是段落元素。

为了简单起见，本网站中，术语“标签”和“元素”的意思是相同的-都是将在网页上定义一些东西。

在HTML中，标记和属性名不区分大小写(但大多数属性值是区分大小写的)。
标签<P>和标签<P>在HTML中都是定义相同的东西（段落）。

但是我们建议在HTML中使用小写的标签和属性名称。

日期：2019-06-08 23:19:22 来源：oir作者：oir