span和div网站设计教程使用差异

对于层叠样式表的<span>和 <div>标签是非常有用的。人们往往以类似的方式使用这两个标签,但它们服务于不同目的。

<div>

<div>标记的定义(定义的逻辑划分,在您的网页 )。它的作用很多像一个段落标记,但它分为较大的部分页面 。
 

  • <DIV>也让你有机会来定义的HTML整节的风格。您可以定义作为叫出你的页面,并给该节从周围的文字不同的风格。

  • 但是,这并不是它所做的一切!<div>标记使您可以命名您的文件的某些部分,这样您就可以影响他们与样式表或动态HTML。

  • 使用<div>标记时要牢记的一件事情是,它打破段落。它作为一个段落的结束/开始,而你可以有一个<div>内段,你不能有一个段落内的<div>。

<div>标记的主要属性是:

  • style
  • class
  • id

即使你不使用样式表或DHTML,你应该到习惯使用的<div>标记。这会给你更大的灵活性,当更多的XML解析器变得可用。此外,您还可以使用id和name属性来命名,使您的网页(始终使用id属性的名称属性,并给他们相同的内容)形成的部分。

由于<CENTER>标签在HTML 4.0中已经过时了,它是一个好主意,开始使用

<div style="text-align: center;">
内容居中对齐。

<span>

<span>标签<div>标记非常相似的特性,它改变它包围的文字风格。但没有任何样式属性,<span>标记不会改变中所包含的项目。

  • <span> 和<div>标签之间的主要区别在于,<SPAN>没有做任何它自己的格式。<div>标记的行为,包括一个段落 符,因为它是在文件中定义的逻辑划分。<span>标签只是告诉浏览器应用的样式规则<SPAN>内的任何。

<span>标签没有必需的属性,而且是最有用的三个是:

  • style
  • class
  • id

当你想改变元素的风格,而不将它们放在文档中的一个新的块级元素,使用<span>。例如,如果你有一个3级标题(<H3>),你想要第二个字是红色,你可以环绕这个词

  • <span style="color : #f00;">红色的字</span>
  • 它仍然是一个部分的<H3>标签,只是红色的。