文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

语义化HTML：i、b、em和strong标签

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　   在HTML4.1中i和b作为表象标签分别表示斜体和粗体样式，而强调样式与内容分离的XHTML中则出现样式效果相同的em和strong表义标签...，此时我们会建议避免使用i和b标签，应该改用em和strong标签。  ...W3C specification   语义化的 元素 用于表示：局部范围内不重要但需要突出的内容，如概要中的关键字、评论中的名词等。建议通过class特性标识具体语义。...   3. em标签     W3C草案： The em element represents a span of text with emphatic stress....W3C specification    语义化的 em>元素 表示：局部范围内强调的内容，用于改变句子或段落的侧重点。注意其作用范围为局部，也就是阅读到某段落或句子时才会注意到。

1.8K90
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签

    速查手册：https://man.ilovefishc.com/css3/ 学习正文 strong标签：https://man.ilovefishc.com/pageHTML5/strong.html...b标签：https://man.ilovefishc.com/pageHTML5/b.html em标签：https://man.ilovefishc.com/pageHTML5/em.html...--em标签用于定义表示强调的文本--> 学习编程中最重要的是em>练习em>！ 标签用于定义表示斜体的文本--> i标签也可以让内容倾斜，只不过它没有附带任何表示强调的语义。 强烈建议通过CSS来实现加粗和倾斜： 标签定义与常规文本风格不同的文本（例如像拼写错误的单词或者汉语中的专有名词）--> 我喜欢三上悠亚。 <!

    38710

    CSS基础-属性值单位：px, em, rem, %

    在CSS中，尺寸单位是决定元素大小的关键。正确选择和应用单位不仅关乎布局的美观，还直接影响到网站的响应式设计和可访问性。...相对单位em 概述 em是一个相对单位，其值基于当前元素的字体大小。如果当前元素没有设置字体大小，则继承自父元素的字体大小。em单位使得样式能够根据上下文动态调整，非常适合创建流体布局和响应式设计。...避免：始终在CSS初始化中明确设置html的字体大小，以便于控制整个页面的缩放比例。...它广泛应用于创建流体布局，特别是在响应式设计中，可以随着窗口大小的变化而自动调整元素尺寸。 常见问题与避免 问题：百分比值可能导致布局不稳定，尤其是在复杂的嵌套结构中。.../* 示例：使宽度占据父元素的50% */ .box { width: 50%; } 总结 选择合适的单位是CSS布局设计的重要一环。

    1.7K10

    「css基础」一次搞懂CSS 字体单位：px、em、rem 和 %

    开篇 对于绘图和印刷而言，「单位」相当重要的，然而在网页排版里，单位也是同样具有重要性，在CSS3 普及以来，更添加了一些方便好用的单位( em、rem.. .等)，这篇文章将整理这些常用的CSS 单位...01 「网页」和「印刷」的单位 目前我们接触的范围来说，若要把单位做区分，最简单可以分为「网页」和「印刷」两大类，通常对于CSS来说只会应用到网页的样式，毕竟真正要做印刷，还是会倾向通过排版软体来进行设计...网页( 单位 ) px：绝对单位，代表屏幕中每个「点」( pixel )。 em：相对单位，每个子元素通过「倍数」乘以父元素的px值。 rem：相对单位，每个元素通过「倍数」乘以根元素的px值。...;">1.2em em;">1.2em em;">1.2em...large...等 字体大小的属性有七种，分别是xx-small、x-small、small、medium、large、x-large和xx-large，除了x-small，其余六种分别对应h6~h1的标签文字大小

    5.3K20

    解密CSS单位：px、em、vh的区别与应用

    欢迎来到我的博客，代码的世界里，每一行都是一个故事 解密CSS单位：px、em、vh的区别与应用 前言 在前端开发中，我们经常听到px、em、vh等单位的名词，但你是否真正理解它们的含义和用法呢...以下是 “px” 单位在设计中的常见应用场景： 边框宽度： 在 CSS 中，可以使用 “px” 单位来指定元素的边框宽度。...元素尺寸： 在 CSS 中，可以使用 “px” 单位来指定元素的宽度和高度。...间距和内边距： 在 CSS 中，可以使用 “px” 单位来指定元素的间距和内边距。...新兴单位 除了传统的单位（如px、em、vh等），还有一些新兴的CSS单位，如rem（root em）、vw（viewport width）等。

    1.6K10

    前端：CSS字体大小 px、em、rem的区别

    px的特点 IE无法调整那些使用px作为单位的字体大小； 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE...2、em em（font size of the element）是指相对于父元素的字体大小的单位。...所以默认情况下 1em=16px EM特点 em的值并不是固定的； em会继承父级元素的字体大小。 3、rem rem和 em相似，但是 rem是相对于根元素的字体大小单位。...与 em相比 rem更方便计算也更加直观。 但是 rem在 IE8及其以下都不兼容。...1vw 等于视口宽度的1% vh : 1vh 等于视口高度的1% vmin : 选取 vw 和 vh 中最小的那个 vmax : 选取 vw 和 vh 中最大的那个 参考： 字体大小之px、em

    2.9K10

    (2019)面试题：CSS单位那些事【px,em,rem】

    问题 说一下你了解的CSS的单位？ Hello，欢迎来到我的博客，每天一道面试题，我们共同进步。...解答 首先CSS长度单位分为【绝对长度单位】和【相对长度单位】 绝对长度单位 in 英寸 cm 厘米 mm 毫米 pt pc 结论： 绝对长度单位表示为一个固定的值，不会改变。不利于页面渲染。...em em的值并不固定 em继承父级元素的字体大小 任意浏览器的默认字体高都是16px rem rem是CSS3中新增的单位，并且 相对的元素是html根元素（html），默认也是16px 通过它既可以做到只修改根元素就...成比例的调整所有字体大小，又可以避免字体大小逐层复合的连锁反应 区别em是根据父元素继承相应大小而不是固定的，rem是继承html根元素的大小 只有改变根元素html的值才能改变rem的值

    1.1K00

    【CSS】标签显示模式 ① ( 标签显示模式 | 块级元素 )

    - 标签显示模式 : 指的是 标签显示的方式 , 标签类型有很多 , 不同的情景使用不同类型的标签 ; 块级元素 : div 标签 独占一行显示 , 对应 块标签 ; 行内元素 : span 标签可以...在一行放置多个进行显示 , 对应 行内标签 ; 二、块级元素 ---- 1、块级元素简介 块级元素 可以 独占一行显示 , 常见的 块级元素 标签 : 标题标签 : , , … ,... ; 段落标签 : ; 块标签 : ; 列表标签 : , , ; 上述标签都会 独占一行显示 ; 2、块级元素特点 块级元素 特点 : 独占一行...: 标签是特殊的 块级元素 , 其中不能包含 标签 , 只能放文字内容 ; 如果在 p 标签内放置 块级元素 , 会显示错误效果 ; 标题标签 : 标题标签中只能放置文字 ,...不能包含 标签 , 只能放文字内容 ; 4、代码示例 代码示例 : 为 div 块级元素 设置 宽度 , 高度 , 上边距 , 背景颜色 , 文字颜色 ; 下面的代码中 , 为 div 标签设置了

    3K30

    body标签中相关标签

    字体标签 字体标签包含：h1~h6、、、、em>、、 标题 标题使用至标签进行定义。...CSS课程中你将知道，这两个东西，都是最最重要的“盒子” div：把标签中的内容作为一个块儿来对待(division)。必须单独占据一行。 div标签的属性： align="属性值"：设置块儿的位置。...如果单独在网页中插入这两个元素，不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。或者说，DIV+CSS来实现各种样式。 示例： 标签负责布局，负责结构，负责分块。css负责样式。...ps:这个class属性名就与css有很大关联，讲到css模块会详细讲这块内容 换行标签 （已废弃） 当你打算结束一行，而又不想开始一个新段落时，标签就派上用场了。

    6.2K10

    web开发中该用 em 还是 rem 呢？

    简言 em 和 rem这种相对长度单位进行页面排版是web开发中的最好的选择。在页面排版中较好应用em 和 rem，根据设备尺寸缩放显示元素的大小。...上述现象的出现，是因为em是相对于当前元素字体的大小。由于中的字体大小现在设置为2em， 因此中其它属性的1em值就是 1em = 32px。这里比较容易引起误解的地方。...其实 em和rem都有各自的优势和劣势，在实际项目开发中，应该结合使用两者，利用各自的优势，从而实现较好代码质量和显示效果。 那么在具体的应用中如何在两者中做选择呢？...这就是前述规则中的第一条规则。 只使用em 如果只使用em来定义上述组件，结果会怎样呢？...而如果只使用em实现左对齐，则需要变更CSS代码如下： .header { font-size: 1em; padding: 0.5em 0.75em; background: #7F7CFF;

    2.5K20

    【说站】css样式单位px，em，pt，ex，pc，in，mm，cm详解

    在写css样式的时候最常用的长度单位是px(像素)，除此之外经常会碰到em、pt等等。...其实css中的长度单位有px、em、pt、in、ex、pc、mm、cm、ch、rem、vw、vh、vmin、vmax。下面品自行将对这些css样式的长度单位做详细说明。...css容器的大小我们经常用px做单位;字体大小(font-size)很多人用px做单位，其实用px做字体单位唯一的致命缺点就是在IE下无法用浏览器字体缩放的功能。 2、em：相对长度单位。...相对于视口*较小尺寸的 1％ ，vw和vh中较小的那个； 14、vmax：相对长度单位。相对于视口*较大尺寸的 1％，vw和vh中较大的那个；  视口（Viewport）= 浏览器窗口的尺寸。...长度由一个数字和单位组成如 8px，2em，10in，7pt，20pc等等。 数字与单位之间不能出现空格。如果长度值为 0，则可以省略单位。

    4.3K21
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券