html5标记分为哪三类

html5标记的3种类型：1、块级元素，其display值为“block”，特点为能够设置宽高、边距，会自动换行；2、行内元素，其display值为“inline”，不会自动换行，无法设置宽高；3、行内块状元素，不会自动换行、能够设置宽高。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

html5标记的分类

标记又被称为元素

• 根据标签特性可以分为：块标签、行内(内联)标签、行内块标签

• 根据标签闭合规则，可以分为：单标签(空标签，自闭合标签)、双标签

常用的块状元素：

.....

常用的行内元素：
<var></p> <p>常用的行内块状元素：<img> <input></p> <p style="text-align:left;"><span style="font-size: 16px;"><strong>块级元素特点：<strong><code class="marker">display:<strong><code class="marker">block;

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。

2、元素的高度、宽度、行高以及上下左右的margin、padding值都可设置。

3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

行内元素特点：display:inline;

1、和其他元素都在一行上；

2、元素的高度、宽度及顶部和底部边距不可设置（只支持左右方向的margin、padding）；

3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

行内块状元素的特点：display:inline-block;

1、和其他元素都在一行上；

2、元素的高度、宽度、行高以及顶和底边距都可设置。（支持上下左右的margin、padding值）

3、margin:0 auto无效

4、水平排列，但所有元素默认会有1个空格的间隙，因为元素之间在html中书写有回车换行，浏览器解析会将其解析成一个空格。

标记类型的转换

标签的类型是可以转换的：

• 设置display:inline 转换为行内元素

• 设置display:linline-block 转换为行内块元素

• 设置display:block 转换为块级元素

（学习视频分享：html视频教程、web前端）

以上是html5标记分为哪三类的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：figure是html5的新增标签吗下一篇：jquery怎么实现十进制转二进制

相关文章

查看更多

• h5和html5的区别是什么
• html5怎么让表格线看不见
• html5标签的使用规则是什么
• html5中style的用法是什么
• html5中新增加的表单元素有哪些
• html5中元素由哪三部分组成



公益在线PHP培训，帮助PHP学习者快速成长！

关于我们免责声明Sitemap

© php.cn All rights reserved