使用跨度和div与CSS更大的风格和布局控制。
许多对网页设计和HTML / CSS不熟悉的人在构建网页时可以交替使用和 div元素在您的网页上定义逻辑分区。 它基本上是一个可以放置逻辑上一起放置的其他HTML元素的框。 一个部门可以有多个其他元素，如段落，标题，列表，链接，图像等。它甚至可以在其中有其他部门为HTML文档提供额外的结构和组织。 要使用div元素，请将打开的 div的内容 如果您的页面区域需要一些额外的信息，以后您将使用CSS进行样式设置，则可以添加一个id选择器（例如， id =“myDiv”>）或类选择器（例如class =“bigDiv”>）。 然后可以使用CSS选择这两个属性，也可以使用JavaScript进行修改。 目前的最佳实践倾向于使用类选择器而不是ID，部分原因在于特定ID选择器的具体方式。 但是，事实上，你可以使用任何一种，甚至可以给一个ID和一个类选择器。 何时使用 div元素与HTML5 section元素不同，因为它不会为封闭内容提供任何语义含义。 如果您不确定内容块应该是div还是section，请考虑元素和内容的目的是帮助您决定使用哪个元素： 最终，div和section的行为都非常相似，你可以给它们中的任何一个属性值，并用CSS对它们进行样式设置，以获得你需要的网站外观。 这两个都是块级元素。 span元素默认是内联元素。 这使它与div和section元素分开。 span元素通常用于包装特定的内容片段，通常是文本，以便给它一个额外的“挂钩”，可以在以后进行样式化。 与CSS一起使用，它可以改变它所包含文本的样式; 但是，没有任何样式属性，span元素本身对文本没有任何影响。 这是跨度和div元素之间的主要区别。 如上所述，div元素包含段落分隔符，而span元素仅告诉浏览器将关联的CSS样式规则应用于标签所包含的内容： 将class =“highlight”或其他类添加到span元素以使用CSS对文本进行样式设置（例如，class =“highlight”>）。 span元素没有必需的属性，但最有用的三个元素与div元素的属性相同： 如果想要更改内容样式而不将该内容定义为文档中新的块级 元素 ，请使用跨度。 例如，如果您希望h3标题的第二个单词是红色的，则可以用span元素包围该单词，该单元将该单词设置为红色文本。 这个词仍然是h3元素的一部分，但现在也显示为红色： 由Jeremy Girard于2/2/17编辑 使用
使用元素
突出显示的文本和非突出显示的文本。
这是我的真棒标题