许多不熟悉网页设计和HTML / CSS的人使用 和 div元素定义了您网页上的逻辑分区。它基本上是一个盒子，您可以在其中放置逻辑上合并在一起的其他HTML元素。分区中可以包含多个其他元素，如段落，标题，列表，链接，图像等。它甚至可以在其中包含其他分区，以便为HTML文档提供额外的结构和组织。 要使用div元素，请打开一个 ID = “myDiv”>
），或类选择器（例如， 类= “bigDiv”> div元素与HTML5 section元素不同，因为它没有给出所附内容的任何语义含义。如果您不确定内容块是div还是div，请考虑元素和内容的用途，以帮助您决定使用哪个内容： 最终，div和section的行为非常相似，您可以为它们中的任何一个赋予属性值，并使用CSS对它们进行样式化，以获得所需的站点外观。这两个都是块级元素。 span元素默认为内联元素。这使它与div和section元素区别开来。 span元素通常用于包装特定的内容，通常是文本，以便为其提供可以在以后设置样式的附加“钩子”。与CSS一起使用，它可以改变它所包含的文本的样式;但是，如果没有任何样式属性，则span元素本身对文本没有任何影响。 这是span和div元素之间的主要区别。如上所述，div元素包含一个段落，而span元素只告诉浏览器将相关的CSS样式规则应用于由 标签： 突出显示的文字 和非突出显示的文本。 添加 类=“亮点”
或其他类到span元素用CSS设置文本样式（例如， 类=“亮点”>
span元素没有必需的属性，但最有用的三个与div元素的属性相同： 如果要更改内容样式而不将该内容定义为文档中的新块级元素，请使用span。 例如，如果您希望h3标题的第二个单词为红色，则可以使用span元素包围该单词，该单词将该单词设置为红色文本。该单词仍然是h3元素的一部分，但现在也显示为红色： 使用
）。然后可以使用CSS选择这两个属性，也可以使用JavaScript进行修改。当前的最佳实践倾向于使用类选择器而不是ID，部分原因在于具体的ID选择器是如何使用的。但事实上，你可以使用任何一个，甚至可以给一个ID和一个类选择器。当使用时
使用 元件
这是我最棒的标题
元素在构建网页时可以互换。然而，现实是每个HTML元素都有不同的用途。学习将每个用途用于其预期目的将有助于您开发更清晰的网页，使代码更易于整体管理。
元件
在页面区域之前标记您想要作为单独的部门，并关闭
标签后：
div的内容
如果您的页面区域需要一些其他信息，您稍后将使用它来设置样式，您可以添加一个ID选择器（例如，
与
