跳到主要内容

非语义容器

div 元素如何使用？​

  • 定位: 无语义的块级容器;
  • 用途: 需要一块可挂 class/id 的区域做布局或装饰时使用;
<div class="shadowbox">
  <p>Here's a very interesting note displayed in a lovely shadowed box.</p>
</div>

span 元素如何使用？​

  • 定位: 无语义的行内容器;
  • 用途: 为一段文字中的局部片段挂样式或脚本钩子;
<p><span>Some text</span></p>

div 与 span 有什么区别？​

元素显示类型换行典型用途
div块级独占一行区块级布局
span行内与文本同行行内局部标记

br 与 hr 元素有什么作用？​

  • br: 在文本中插入换行, 如地址分行;
  • hr: 插入一条水平线, 表示主题转换;
  • 边界: 两者都是空元素, 不承载内容;
Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
<hr />
<p>This is the second paragraph of text.</p>