zoukankan      html  css  js  c++  java
  • 块元素 ,行元素, 空元素

      

    空元素 :

     没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

    <br> 就是没有关闭标签的空元素(<br> 标签定义换行)。

    在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。

    在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

    即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

    block元素的特点

    ①总是在新行上开始;
    ②高度,行高以及外边距和内边距都可控制;
    ③宽度缺省是它的容器的100%,除非设定一个宽度。
    ④它可以容纳内联元素和其他块元素
     

    块元素inline元素的特点

    ①和其他元素都在一行上;
    ②高,行高及外边距和内边距不可改变;
    ③宽度就是它的文字或图片的宽度,不可改变
    ④内联元素只能容纳文本或者其他内联元素
     

    块元素常见块元素(block element)

    ◎ address - 地址
    ◎ blockquote - 块引用
    ◎ center - 居中对齐块
    ◎ dir - 目录列表
    ◎ div - 常用块级容器,也是css layout的主要标签
    ◎ dl - 定义列表
    ◎ fieldset - form控制组
    ◎ form - 交互表单
    ◎ h1 - 大标题
    ◎ h2 - 副标题
    ◎ h3 - 3级标题
    ◎ h4 - 4级标题
    ◎ h5 - 5级标题
    ◎ h6 - 6级标题
    ◎ hr - 水平分隔线
    ◎ isindex - input prompt
    ◎ menu - 菜单列表
    ◎ noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容)
    ◎ noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)
    ◎ ol - 排序表单
    ◎ p - 段落
    ◎ pre - 格式化文本
    ◎ table - 表格
    ◎ ul - 非排序列表(无序列表)
     

    块元素常见内联元素(inline element)

    ◎ a - 锚点
    ◎ abbr - 缩写
    ◎ acronym - 首字
    ◎ b - 粗体(不推荐)
    ◎ bdo - bidi override
    ◎ big - 大字体
    ◎ br - 换行
    ◎ cite - 引用
    ◎ code - 计算机代码(在引用源码的时候需要)
    ◎ dfn - 定义字段
    ◎ em - 强调
    ◎ font - 字体设定(不推荐)
    ◎ i - 斜体
    ◎ img - 图片
    ◎ input - 输入框
    ◎ kbd - 定义键盘文本
    ◎ label - 表格标签
    ◎ q - 短引用
    ◎ s - 中划线(不推荐)
    ◎ samp - 定义范例计算机代码
    ◎ select - 项目选择
    ◎ small - 小字体文本
    ◎ span - 常用内联容器,定义文本内区块
    ◎strike - 中划线
    ◎ strong - 粗体强调
    ◎ sub - 下标
    ◎ sup - 上标
    ◎ textarea - 多行文本输入框
    ◎ tt - 电传文本
    ◎ u - 下划线
    ◎ var - 定义变量

    块元素可变元素

    可变元素由上下文语境来决定是块元素还是内联元素[1]  。
    ◎applet - java applet
    ◎button - 按钮
    ◎del - 删除文本
    ◎iframe - inline frame
    ◎ins - 插入的文本
    ◎map - 图片区块(map)
    ◎object - object对象
    ◎script - 客户端脚本
  • 相关阅读:
    hadoop再次集群搭建(3)-如何选择相应的hadoop版本
    48. Rotate Image
    352. Data Stream as Disjoint Interval
    163. Missing Ranges
    228. Summary Ranges
    147. Insertion Sort List
    324. Wiggle Sort II
    215. Kth Largest Element in an Array
    快速排序
    280. Wiggle Sort
  • 原文地址:https://www.cnblogs.com/wxs121/p/6768100.html
Copyright © 2011-2022 走看看