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

何时是使用<b>和<i>代替<strong>和<em>的最佳时间,如果有的话?

在HTML中,<b>和<i>标签分别用于表示文本的加粗和斜体样式,而<strong>和<em>标签用于表示文本的强调和强调。在某些情况下,使用<b>和<i>代<strong>和<em>是合适的。

以下是一些使用<b>和<i>代<strong>和<em>的最佳时间:

  1. 当您需要快速地进行简单的样式更改时,使用<b>和<i>标签可能更方便,因为它们不需要额外的CSS样式。
  2. 当您需要在不同的浏览器和设备上保持一致的样式时,使用<b>和<i>标签可能更可靠,因为它们在所有浏览器中都有相似的默认样式。
  3. 当您需要快速地创建原型或草稿时,使用<b>和<i>标签可能更快,因为它们不需要额外的样式定义。

然而,在大多数情况下,使用<strong>和<em>标签是更好的选择,因为它们更具语义性,并且可以更好地表达文本的强调和强调。在某些情况下,例如在需要更精细的样式控制或需要更好的可访问性时,使用CSS样式来定义文本样式可能更合适。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

MarkDown语法总览

当井号(#)标题文本之间没有空格时,各 Markdown 应用程序处理方式不一样。...由于这个原因,你可能需要使用除结尾空格以外其它方式来进行换行。如果你所使用 Markdown 应用程序 支持 HTML 的话,你可以使用 HTML 标签来实现换行。...第一组方括号内放显示为链接文本,第二组方括号内放一个标签,该标签用于指向您存放在文档中其它位置链接。 尽管不是必须,但你可以在第一组第二组方括号之间添加一个空格。... 链接(Link)最佳使用实践 不同 Markdown 应用程序在处理 URL 中间空格方面不一样。...为了兼容起见,请尽量使用 %20 (空格编码形式)来代替空格。

24730

前端面试实录HTML篇

• 行内元素:a,b,span,img,input,select,strong • 块级元素:div,ul,ol,li,dl,dt,dd,h1~h6,p • 空元素:(即没有内容 HTML 元素,在开始标签中关闭...defer 符合最接近我们对于 js 脚本执行理解 • 如果有添加多个 defer 属性 js 脚本,他们会按照加载顺序执行,而 async,他们只要加载完成后就会立刻执行 • 相同点: • 在加载这块相同...bstrong 区别?iem 区别? • title 与 h1 区别: • title 属性更侧重于网站信息,显示在网页标题上,告诉搜索引擎用户此网站做什么。...• bstrong 区别: • strong 标签有语义,起到加重语气及强调地方,而 b 标签没有,b 标签只是简单加粗标签 • iem 区别: • em 标签有语义,表示一般强调文本...而 i 标签仅仅表示样式上斜体。

8010

用HTML写一篇简单日记

这里 image.png 可能有些人会说,em标签不是也可以使文字倾斜吗,我们同样来看下em标签代码: 这里 image.png...b标签就很完美的解决了我们这个需求,请看代码: 给个赞吧谢谢大家支持 image.png 这里的话,或许也有人会问strong标签效果不是...b标签一样吗,同样加粗呀,我们先来比较一下,请看代码: image.png strong标签效果b标签效果都是让文字变粗,那么肯定是我上面说em标签i标签一样,肯定是不一样,...Strong标签在HTML语义为强调,表示语气上强调、加重。从web标准上来说,不提倡使用B标签,不过Googlematt曾经说b标签更具有微小优势,虽然后来修正为strong标签优势一样。...本来想简单介绍一下strong标签b标签区别的,结果说了一大堆拓展内容,反正目前你只需要知道,strong标签b标签都是使文字加粗,不同strong标签加粗用来强调,而b标签只是为了加粗而加粗

1.4K80

知识整理之HTML篇

需要强调文本,可以包含在strong或者em标签中(浏览器预设样式,能用CSS指定就不用他们),strong默认样式加粗(不要用b),em斜体(不用i)。...具体原因,请移步至:HTML中strongb,emi标签区别 使用表格时,标题要用caption,表头用thead,主体部分用tbody包围,尾部用tfoot包围。...分析了这么多,现在基本上都是用Ajax来代替iframe,所以iframe已经渐渐退出了前端开发。 title与h1区别、bstrong区别、iem区别?...一个好网站h1title并存,既突出h1文章主题,又突出网站主题关键字。达到双重优化网站效果。 bstrong区别、iem区别 它们区别就再于一个物理元素,一个逻辑元素。...也就是说如果你想让搜索引擎认为你某句话很重要时那就用strong标签。如果只是想让用户看到加粗效果,那就用b标签。 同理如em标签也是针对搜索引擎来起作用,i标签只是让用户看到展示斜体。

1.2K41

前端代码标准最佳实践:HTML篇

距前面两篇探讨JavaScript(前端代码标准最佳实践:JavaScript篇)CSS(前端代码标准最佳实践:CSS篇)之后,我们今天来探讨Web前端HTML一些最佳实践。...divspan两个典型没有任何语义标签,所以使用这两个标签之前先确认,是否有更具有语义标签可以代替。...~ h1到h6作为标题,h1最高级别的标题,网页中显示标题地方应该使用这些标题标签。... 这两个标签语义强调和重点强调,代替了没有任何语义标签。...精简HTML代码 越精简HTML代码,页面的传输时间就会越短,页面的渲染时间也会更快,相应用户体验就会越好,所以很有必要精简页面加载HTML代码。

1.6K90

打字机效果实现与应用

前言 在 web 应用中,模拟编辑器或者模拟输入框中文字啪啦啪啦输入效果,往往能够吸引人们眼球,让用户注意力聚焦在输入内容上,其实使用 web 动画模拟打字机效果,本文将大家探讨打字机效果实现方式以及应用...纯 css 实现 最简单方式莫过于直接使用 CSS 。大概思路借助 CSS3 @keyframe 动画来不断改变包含文字容器宽度,超出容器部分文字隐藏不展示。...,表示何时将定时器代码添加到消息队列,而不是何时执行代码,所以真正何时执行代码时间不能保证,取决于何时被主线程事件循环取到,并执行。...', { speed: 100, }) .go() 代码一目了然,支持暂停、删除,移动、而且还支持 html。...关于代码原理就就不贴了,大致和 Sildev 差不多,只不过我使用 react 来实现,代码已经开源,若对你有帮助, 可以点个 star,感谢您支持!

2.5K20

用python爬取3万多条评论,看韩国人如何评价韩国电影《寄生虫》?

它是由韩国导演奉俊昊自编自导影片,一举拿下最佳影片、最佳导演、最佳原创剧本最佳国际电影四座奥斯卡奖杯,创造历史成为奥斯卡史上首部非英语最佳影片。 nb plus!...在评论区部分,它其实有点像是豆瓣猫眼综合体,无论看没看过都可以评价打分,不过看过会单独有个小标识。 我们下划到评论区 下图中可以看到,目前有36360条评价,我们想要获取数据黑框中内容。...包括每条留言评论人昵称、评论时间、评分、评论内容以及这条评论得到赞或踩。 ? 下面开始爬取评论数据 利用requestspyquery爬取数据,展示部分源码,完整见文末。...共35940条,比上文截图时候少了一点,这是因为我爬取写这篇文章时候有一点时间间隔,所以这个小问题请忽略。 ? 另外,非常明显,评论字段缺失了很多。...可以明显看到,评论数量在电影《寄生虫》上映后达到一个高峰,而后随着时间推移,数量逐渐减少。 之后有两个小高峰,分别是2019年8月初2020年2月初。

72440

正式学习第二天上午——常用标签及列表 0605

>strong 语气强调加粗     b 加粗     em 语气强调倾斜 这是ol标签中第三行         首先是格式控制类标签: 标签标签都是加粗,在网页显示效果相同。...标签标签都是倾斜,在网页显示效果相同。 不同带有强调作用。被他们强调内容会作为关键字被网络爬虫留意。...另外,虽然在标签中内会会被强调,但是因为考虑到关键字密度网络优化,所以不能全部使用,多是还是使用普通标签。...然后内容容器: --    文章标题,其中h1字体最大,h6字体最小。   并且标题标签自动换行,并且行间距较大。

75060

Text-level semantics

em不是一个通用italics元素。如果想在语句中突出一段文字,以不同感情语调朗读,i元素更适用这种情况。 em元素也没有传递重要性。如果想表达重要性,strong元素更合适。...使用另外一种语气情感文字片断,或者使用有别于正常讲述方式来表明文字不同质量,如分类名称、技术术语、另一种语言惯用语、音译、西文船舶名等。...鼓励开发者考虑是否有比i元素更恰当元素使用,比如em表明突出强调,dfn表示一个术语定义。...仅为吸引注意力,并不传达额外重要性也不暗含语气情感变化。比如文档摘要中关键词、综述中产品名称、交互式文本驱动软件中可操作词语、一篇文章首段。 实在无其他元素可用时,再考虑使用b元素吧。...标记高亮显式与用户当前行为相关内容。最常用场景用户搜索文档,将与搜索关键字相匹配文字高亮显式。语法高亮,span更合适。

37930

jQuery文档对象模型DOM实际应用

在 jQuery 中,已经将最常用 DOM 操 作方法进行了有效封装,并且不需要考虑浏览器兼容性,对于之前DOM一颗岑天大树枝繁叶茂让我们遥不可及,那么jQueryDOM树,就是一个简笔画小树...for(vari in box){ //逐个遍历出来 alert(i+':' +box[i]); } jquery提供了一个方法$.each()他for in一样可以遍历对象。...('div').wrap('123'); //包裹元素可以带内容 $('div').wrap(''); //包裹多个元素...$('div').wrap($('strong').get(0)); //也可以包裹一个原生 DOM 不推荐使用,会崩溃 $('div').wrap(document.createElement(...而加上 true 参数的话,这个元素附带事件处理行为也复制出来。 $('div').remove(); //直接删除 div 元素 remove()方法可以接收一个参数,过滤需要删除元素。

1.2K30

你所不知道html5与html中那些事(四)——文本标签

3)html5中、、标签正确用法与注意事项有哪些你不知道? 4)关于与 前世今生?...需要注意: 1.datetime中时间最好与time标签中文本元素日期一样,写法可以不一样; 2.如果这个时间代表整个文章或是页面的时间需要添加pubdate属性; 3.不要在time标签中使用不确切时间如...关于与 前世今生?...各位开发过HTML朋友都知道与、与它们展现形式一样,一个斜体一个粗体,那么它们在html5中怎么平相处呢?...>,取面代之就是+css,因为他们有语意性可以更好与用户交互;可是问题并没有就此结束,因为在开发时候在一些情况下发现用总是不能很表示语义

1.2K90
领券