首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML 元素块盒及可替换元素特点

HTML 元素块盒及可替换元素特点 一、常见元素 常见元素有 span、strong、em、i、img、video、audio、a。...这些元素特点如下: 盒子填充与宽度:盒子沿着内容方向填充,宽度由内容决定。 宽高设置:元素不可以直接设置宽高,只能设置高。...二、块盒 定义为 display: inline-block; 盒子。 特点包括: 显示方式:不独占一。 盒子模型尺寸:盒子模型尺寸都有效,可以设置宽高、高以及内外边距。...空格折叠:空白折叠发生在行盒内部或者块盒之间。 三、可替换元素与非可替换元素 非可替换元素:大部分元素页面上显示结果取决于元素内容,如常见文本标签等。...可替换元素:少部分元素页面上显示结果取决于元素属性,如 img、video、audio。 盒特性:绝大部分可替换元素均为盒。

7110
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    关于、块元素讲解以及HTML5元素分类

    本文内容概要: 1 元素使用 2 块元素使用 2 、块元素特性区别 4 、块元素区别总结 5 HTML5元素总结 在页面开发中,我们会把标签做一个分类,大致划分为:元素、块元素、第三类元素...元素总结 span、strong等标签是属于元素元素显示在同一元素不可以设置宽高,对其设置上下margin、padding是无效; 未设置宽高时候,内容撑开宽高。...元素嵌套规则来说,元素只能包含元素,不能包含块元素。 注意:如果引入了重置文件,标签默认样式被清除了,所以标签出来样式没有什么差别。...四、 、块元素区别总结 通过上文我们知道了元素与块元素使用,也了解了、块之间存在区别的特性。...五、HTML5元素总结 上文中我们讲解了很多标签特点与使用方法,究其根本,也仍然还是在对、块元素做了很大篇幅介绍。而对于HTML5来说,不仅仅只是由、块两大类元素组成

    2.7K70

    HTML 元素

    元素内容是开始标签与结束标签之间内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签中进行关闭(以开始标签结束而结束) 大多数 HTML 元素可拥有属性 注释:...嵌套 HTML 元素 大多数 HTML 元素可以嵌套(HTML 元素可以包含其他 HTML 元素)。 HTML 文档由相互嵌套 HTML 元素构成。 HTML 文档实例 <!...---- HTML 实例解析 元素: 这是第一个段落。 这个 元素定义了 HTML 文档中一个段落。 这个元素拥有一个开始标签 以及一个结束标签 ....忘记使用结束标签会产生不可预料结果或错误。 ---- HTML元素 没有内容 HTML 元素被称为空元素。空元素是在开始标签中关闭。... 就是没有关闭标签元素( 标签定义换行)。 在 XHTML、XML 以及未来版本 HTML 中,所有元素都必须被关闭。

    1.2K10

    认识html元素

    HTML 文档是由 HTML 元素 定义,而HTML 元素指的是从开始标签(start tag)到结束标签(end tag)所有代码。...首先,HTML元素从闭合属性上可分为2类: 自闭和标签 自闭和标签在html元素比例不大,常用就以下几个: 从上面的标签可以看出,自闭合标签形如...: (建议:/和前面的标签名之间空一格) 手动闭合标签 html元素中大多数标签都是需要我们手动闭合。... 定义最大标题。 定义最小标题。 由于 h 元素拥有确切语义,因此请您慎重地选择恰当标签层级来构建文档结构。因此,请不要利用标题标签来改变同一字体大小。 ?...标签可以放在任何元素中,行内元素,多个span可以在同一。 ?

    2.2K40

    认识html元素

    HTML 文档是由 HTML 元素 定义,而HTML 元素指的是从开始标签(start tag)到结束标签(end tag)所有代码。...首先,HTML元素从闭合属性上可分为2类: 自闭和标签 自闭和标签在html元素比例不大,常用就以下几个: 从上面的标签可以看出,自闭合标签形如...: (建议:/和前面的标签名之间空一格) 手动闭合标签 html元素中大多数标签都是需要我们手动闭合。... 定义最大标题。 定义最小标题。 由于 h 元素拥有确切语义,因此请您慎重地选择恰当标签层级来构建文档结构。因此,请不要利用标题标签来改变同一字体大小。 ?...标签可以放在任何元素中,行内元素,多个span可以在同一。 ?

    2.3K41

    HTML元素嵌套规则

    一、HTML 标签包括 块级元素(block)、内嵌元素(inline)   1、块级元素   一般用来搭建网站架构、布局、承载内容……它包括以下这些标签:   address、blockquote、center...一般用在网站内容之中某些细节或部位,用以“强调、区分样式、上标、下标、锚点”等等,下面这些标签都属于内嵌元素:   a、abbr、acronym、b、bdo、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   二、HTML...块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它内联元素:    —— 对   ...有几个特殊块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊标签是:   h1、h2、h3、h4、h5、h6、p、dt   4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来

    2.5K20

    HTMLHTML5 元素布局使用

    HTML 标签 定义和用法 可定义文档中分区或节(division/section)。 标签可以把文档分割为独立、不同部分。它可以用作严格组织工具,并且不使用任何格式与其关联。...如果用 id 或 class 来标记 ,那么该标签作用会变得更加有效。 用法 是一个块级元素。这意味着它内容自动地开始一个新。实际上,换行是 固有的唯一格式表现。...可以通过 class 或 id 应用额外样式。 不必为每一个 都加上类或 id,虽然这样做也有一定好处。...可以对同一个 元素应用 class 或 id 属性,但是更常见情况是只应用其中一种。...这两者主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独唯一元素

    4K20

    HTML内联元素与块级元素

    块级元素总是在新上开始并占据一整行,宽度和高度以及外边距和内边距都可以控制,宽度始终与浏览器宽度一样,与内容无关。块级元素可以容纳内联元素和其他块元素。...内联元素与块级元素转换 块元素(block element)和内联元素(inline element)都是html规范中概念。在加入了CSS控制以后,可以改变块元素和内联元素之间差异。...可变元素是基于以上两者随环境而变化,它需要根据上下文关系确定该元素是块元素或者内联元素。可变元素隶属于上述两种元素,一旦根据上下文确定了它类别,它就要遵循块元素或者内联元素规则。 4....定义一个框架集form创建 HTML 表单h1定义最大标题h2定义副标题h3定义标题h4定义标题h5定义标题h6定义最小标题hr创建一条水平线legend元素为 fieldset 元素定义标题li标签定义列表项目...标签定义 HTML 表格tbody标签表格主体(正文)td表格中标准单元格tfoot定义表格页脚(脚注或表注)th定义表头单元格thead标签定义表格表头tr定义表格中 3.2 行内元素列表

    3K30

    HTML5废除元素

    HTML5新增了一些元素,但是也废除了一些元素,虽然这些元素在网页中仍然可以使用,但是避免以后网页显示出现问题,最好还是避免使用它们。...1、可以使用css替代元素 对于basefont、big、center、font、s、strike、tt、u这些元素,它们功能都是展现文本效果,HTML5提倡将呈线性功能放在css样式表中统一编辑,...其中s、strike元素可以由del元素替代,tt元素可以由cssfont-family属性替代。...2、不再使用frame框架 将frameset、frame和noframes元素废除,由于frame框架可以存在负面影响,在HTML5中不再支持了,只支持iframe框架(很多童鞋可能都不知道frame...框架) 3、只有部分浏览器支持元素 仅被IE支持元素:bgsound、marquee; 部分浏览支持元素:applet、blink; apple元素可由embed元素或者object元素替代 bgsound

    1.5K20

    HTML块级元素和行内元素

    块级元素特点: (1)总是从新开始 (2)高度,高、外边距以及内边距都可以控制。 (3)宽度默认是容器100% (4)可以容纳内联元素和其他块元素。...行内元素特点: (1)和相邻行内元素在一上。 (2)高、宽无效,但水平方向padding和margin可以设置,垂直方向无效。 (3)默认宽度就是它本身内容宽度。...a里面可以放块级元素 块级元素和行内元素区别 块级元素特点: (1)总是从新开始 (2)高度,高、外边距以及内边距都可以控制。...(3)宽度默认是容器100% (4)可以容纳内联元素和其他块元素。 行内元素特点: (1)和相邻行内元素在一上。...行内块元素特点: (1)和相邻行内元素(行内块)在一上,但是之间会有空白缝隙。 (2)默认宽度就是它本身内容宽度。 (3)高度,高、外边距以及内边距都可以控制。

    3.4K60
    领券