[HTML]使用div标签,含义和彻底评论!

“Div标签很难理解,”
“你什么时候使用div标签?”

你觉得这样吗?只因为它是一个可以使用任何东西的“div标签”,它将不知道如何使用它。即使所有标签为“Div标签”,也将预期会有预期的。但是,还有其他标签,那里有一个角色。制作所有“div标签”不是应该是原创的。因此,在这里,我们将解释如何使用“div标签”,尤其是其他标签和使用差异。它不是高级用户的文章,所以不必阅读有经验的人。

什么是div标签?

在HTML编码中,常常根据页面配置的目的使用标签。换句话说,存在可根据目的使用的标签,并且通过使用它,写入的内容或搜索引擎是一种易于理解的符号。相反,使用“div标记”的替换是一种对搜索引擎来创建标签的行为,并且不使用最初使用标签。

换句话说,让我们了解适合目的的标签。

主要标签

HTML5中常用的标签示例。 HTML根据其目的组合布局,以便搜索引擎易于理解页面的目的。以下标记是标签,具有显示搜索引擎的效果。

标签类型 描述
H Tam. 标签制作标题。有六种类型的H1-H6,具体取决于重要性。
p taw. 形成一个段落。在总结为大量句子时使用。
UL标签/ ol标签/ LI标签 表格列表。 LI不是数字订单列表,但OL以数字顺序排行列表。
标签 同一页面形成另一页的链接。
IMG标签 显示图像。
表格标记/输入标记 形成输入表单。
表格标记/ TR / TD标签 形成表表(行和列)。
文章标签 用于自包含的文章(句子)。
BlockQuote标签 添加注释时使用。
强标签/ em标签 它用于您要在文本中强调的地方。

如果无法应对上面的标签,则存在“div标签”。如果你开始学习,你倾向于使用很多“div标签”,但你经常看到“div标签”,但你很容易看到“html5主要标签”。让我们开始描述“div标签”的描述。

定义

“div标签”是一个没有特别含义的标签。换句话说,“因为您尚未决定应用程序,您可以以创建者的形式命名为”标记“。它是一种无色标签,但它没有告诉搜索引擎清晰的目的,但在页面设计上,需要这种自由。

目的

如果您推广生产,很难仅使用一个固定标签创建一个站点,并清楚地制作页面的结构,将已制作一组块的标签放在一起,它很容易理解。

“div标签”可以自由收集元素并识别为块。但是,让我们小心翼翼地创造不必要的梳理。让我们的目标是将易于理解的名称放在一起,总结一个因素。理想是“组织”,你可以看出你的看法。

特征

与“线元素”相比,“div标记”称为块元素。此块元素自动具有换行符,该元素是直接功能。此外,在大多数情况下,“div标签”主要是名称(属性),例如“类”或“ID”。还有其他标签,但在“div标签”中,几乎可以说。

如何使用div

当您想要制作元素并希望发出单个指令时,使用“div标记”。换句话说,当您想要在“Sample_1”和“Sample_2”中发出不同的指令时,使用“类属性/ id属性”进行自己的名称,并制作单个指令。并且该指令与一个名为“CSS”的另一个文件完成。

分组元素和父元素和子元素

通常,当您尝试实现复杂结构的布局时,您可以将DIV标记括在DIV标记中。这称为元素分组。但是,而不是分组,不要对它们进行分组,而是将其与此目的进行分组。分组元素是当您想要为该组提供一些设计说明时。即使没有明确的指令或者,如果您创建一个新组,您将能够制作一个新组,即使您创建新组,代码将是浪费的,第三方很难看到。

当分组元素时,更高的元素称为父元素,较低元素作为子元素。然后,将父元素的指令继承给子元素,但如果您指示子元素,则在指示自己的子元素时优先。

您可以将块元素括在一起,如下所示:虽然“div标签”可以随着“div标签”封闭,但您不能将“div标签”放置在“内联元素”中的块元素,例如“跨度标记”。

主块元素和内联元素

如前所述,块元件从上到下自动破损并阻止,但内联元件的特征在于绝不。

元素类型 标签
块元素 夫人标签
H Tam.
p taw.
UL(OL)/ LI标签
表格标签
内联元素 标签
跨度标签
IMG标签
强大的标签

“div标签”和“span标记”之间的差异

嗯,“div标签”和“span标签”之间存在差异,如果您了解块元素和上面的内联元素之间的区别。 “SPAN标记”用于创建小组并制作小碱基,并使用它们进行字符装饰,而不是一起创建大型群体。

Div类和Div ID之间的差异

在处理“DIV标记”时,将有机会查看具有“类”或“ID”的代码(或两个代码)。每当使用“类”并使用“ID”时,都会疑惑。首先,请记住使用“课程”的以下内容。

  • 同一个类名可以在多个地方使用。在这种情况下,CSS指令应用于多个位置。在多个位置假设相同的设计。
  • 可能有多个类名。换句话说,“类=”aaa bbb ccc”」という書き方は可能。

另一方面,“ID”必须是“仅”。在其他地方不应该是同名的。这将让您感受到更多的学习和学习JavaScript(jQuery),并且您会发现某种意义,因为您使用“ID”越来越多的情况,但首先,页面中的一个ID(相同的名称意味着存在只有一个。请记住,您可以用另一个名称放置ID)。

命名约定

“类名”,“ID名称”可以自由给出,但有几个命名约定。

  • 使用半宽字母数字字符(未使用日语)。
  • 从字母表开始,不会从数字开始。
  • “ - (连字符)”和“_(下面)”可以使用,但不使用其他符号。

CSS中描述的差异

“类”和“ID”也有CSS的不同描述。在CSS中,“类”由“。”表示,“ID”由“#”表示。例如,存在以下HTML:

<div class="tag">
 
</div>
<div id="wrap">

</div>

另一方面,CSS写道如下。

.tag{

}

#wrap{
	
}

概括

“div”标签需要注意不要用于无限制或无限制。以下是该“DIV标签”的摘要。

  • “div标签”是相对免费使用的标签,这些标签没有给出特殊含义,但如果有一个目标标签,则优先。
  • “div tag”形成一个包含块元素中的某些元素的组。该组具有独特的设计目的,以避免以某种方式分组元素。
  • “div标签”是一个块元素。您无法将块元素括起来,内联元素。
  • “div标签”可以摇动“类”或“ID”或两者。 “类”可以有多个相同的名称,但“id”是一个。
  • “类”和“ID”因CSS而异。

给这篇文章的人

田中 陽介

越南的企业家和人力资源相关咨询。七年已经过去了日本,但我享受了一个不能在日本完成的驼峰。最近我在铁路上用Ruby制作网络服务。