HTML中行内元素与块级元素的区别

一,HTML中行内元素与块级元素的区别:

在标准文档流里面,块级元素具有以下特点:

①总是在新行上开始,占据一整行;

②高度,行高以及外边距和内边距都可控制;

③宽带始终是与浏览器宽度一样,与内容无关;

④它可以容纳内联元素和其他块元素。

行内元素的特点:

①和其他元素都在一行上;

②高,行高及外边距和内边距部分可改变;

③宽度只与内容有关;

④行内元素只能容纳文本或者其他行内元素。

不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用

二,常见的块级元素与行内元素:

1 块元素(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 – 定义变量

    原文作者:深山一枯柴
    原文地址: https://www.jianshu.com/p/2415cc10cf87
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞