ThoughtWorks创新实验室

HTML之浅谈块元素和内联元素

2016-11-14  本文已影响27人  落花的季节

什么是块元素(block element)?什么是内联元素(inline element)?

  • 块元素前后都有换行,和前后元素都不在一行。
  • 内联元素也叫行内元素,在网页中总是随着文字流出现在“行内”。这些元素不会在它本身之前或之后生成“分隔符”,所以可以出现在另一个元素的内容中,而不会破坏其显示。

特点

  • 块元素特立独行
  • 块元素是网页的主要构建模块
  • 内联元素随波逐流

块元素:

  • p-段落,
  • table-表格
  • blockquote-引用
  • center-居中对齐
  • dir-目录列表
  • div-常用块级标签,
  • form-表单
  • h1-标题(6个级别)
  • hr-水平分割线
  • isindex- input prompt
  • menu-菜单列表
  • ol-排序列表
  • pre-格式化文本
  • ul-无序列表

内联元素:

  • abbr-缩写
  • acronym-首字
  • b-粗体
  • big-大字体
  • br-换行
  • cite-引用
  • code-引用代码
  • dfn -定义字段
  • em-强调
  • i-斜体
  • img-图片
  • input-输入框
  • label-表格标签
  • q-行内引用
  • s-中划线
  • select-项目选择
  • small-小字体
  • span -常用内联容器,定义文本内区块,
  • strike-中划线
  • strong-粗体强调
  • sub -下标
  • sup-上标
  • a-锚点
可变元素(根据上下文关系确定该元素是块元素或者内联元素)
  • applet – java applet
  • button – 按钮
  • del – 删除文本
  • iframe – inline frame
  • ins – 插入的文本
  • map – 图片区块(map)
  • object – object对象
  • script – 客户端脚本
上一篇下一篇

猜你喜欢

热点阅读