HTML 元素

时间:2019-06-08 23:19:22  来源:igfitidea点击:

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

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

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

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

HHTML标签Vs元素

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

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

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

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

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

嵌套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元素类型

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

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

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

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

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

用HTML写注释

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

HTML注释以<!--开始,并以-->结尾:

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