HTML - 你知道b与strong标签的区别吗

 

难度级别:初级及以上                                 提问概率:50%


不单单是初学者,即便是有好几年工作经验的前端开发工作者,也会有一大部分人这两个标签搞混,甚至在工作中,很大一部人不会使用这两个标签,而是通过CSS样式去控制加粗效果。

首先二者在本质含义上侧重不同,b标签只是单纯的加粗效果,就像使用了CSS的font-family属性一样;而strong标签表示强调,例如网页中的一些关键字、小标题或是一些强调读音,都可以使用strong来加强语义,同时搜索引擎也更倾向于抓取strong标签。


例如

strong标签的使用场景,强调读音

<html><head><title>最新前端面试题</title></head><body>在很多时候,我们有不认识的字,例如张三睒(<strong>shǎn</strong>)</body>
</html>

效果如图:

 

 

这本是HTML中的基础知识,为什么还会做为一个高频面试题呢。原因就在于,其实很多人在开发工作中,对HTML语义化并不是很重要,他们更习惯性的使用div进行布局,依赖CSS的样式控制能力来展开工作。网页头部不使用header标签,底部不使用footer标签,导航不使用nav标签,列表不使用ul标签,而是全部用div来布局,这样的场景是非常多的。久而久之,这两个标签用都不用,又怎么会重视二者的区别呢。


 

类似考点

    看完这道题后,需要举一反三的掌握相关知识点,例如title标签和h1标签的区别;例如i标签和em标签的区别;例如标签属性中,title属性和alt属性的区别等。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/790716.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

212 基于matlab的双稳态随机共振的算法

基于matlab的双稳态随机共振的算法&#xff0c;分析信噪比随系统参数a,b及乘性噪声和加性噪声的增益变化曲线&#xff0c;60个数据样本可供选择。程序已调通&#xff0c;可直接运行。 212 双稳态随机共振 信噪比增益变化曲线 - 小红书 (xiaohongshu.com)

一些常见的jenkins问题和答案

什么是 Jenkins&#xff1f;它的主要功能是什么&#xff1f; Jenkins 是一个开源的持续集成和持续交付工具。它的主要功能是自动化构建、测试和部署软件项目。 Jenkins 是如何实现持续集成的&#xff1f; Jenkins通过不断监测版本控制系统中的代码变化&#xff0c;触发构建过程…

设计模式(16):观察者模式

核心 观察者模式主要用于1&#xff1a;N的通知。当一个对象(目标对象Subject或者Abservable)的状态变化时&#xff0c;他需要及时告知一系列对象(观察者对象&#xff0c;Observer),令 他们做出响应。通知观察者的方式&#xff1a; 推: 每次都会把通知以广播方式发送给所有观察…

浅谈分布式光伏电站的运维管理

摘要&#xff1a;随着近些年我国对节能降耗关注力度的持续加大&#xff0c;为满足人们不断增长的电能需求&#xff0c;光伏发电产业得到迅猛发展&#xff0c;其中分布式光伏发电的比重持续增长。在打赢脱贫攻坚战的大背景下&#xff0c;国家电网公司探索出一条“阳光扶贫”的扶…

康耐视visionpro-CogPMAlignTool工具详细说明

图案位置搜索工具 可在图像中找到你训练的特征所在的位置等信息 基于边缘特征的模板而不是基于像素的模板匹配&#xff0c;比像素格栅表现更快捷准确支持旋转和缩放 三种主要算法&#xff1a;PatMax&#xff08;精度最高&#xff09;, PatQuick&#xff08;速度最快&#xff0…

Spring Cloud微服务入门(一)

微服务的演变过程 //controller 视图交互层 前端数据处理传给service //1.DAO RequestBody userDAO String id;String type; {"id":"lcs", "type":"lcs"} //2.GET请求 findUserById&#xff1f;id1&typelcsRequestParam String …

ChatGPT新视角:发现学术论文写作的创新可能性

ChatGPT无限次数:点击直达 ChatGPT新视角&#xff1a;发现学术论文写作的创新可能性 在当今信息爆炸的时代&#xff0c;学术研究和论文写作变得愈发重要。然而&#xff0c;传统的写作过程常常耗费大量时间和精力&#xff0c;每篇论文都需要仔细推敲和精心打磨。随着人工智能技…

5.3.1 配置交换机 SSH 管理和端口安全

5.3.1 实验1:配置交换机基本安全和 SSH管理 1、实验目的 通过本实验可以掌握&#xff1a; 交换机基本安全配置。SSH 的工作原理和 SSH服务端和客户端的配置。 2、实验拓扑 交换机基本安全和 SSH管理实验拓扑如图所示。 交换机基本安全和 SSH管理实验拓扑 3、实验步骤 &a…

全面的Docker快速入门教程(详细)

前言&#xff1a; 都2024年了&#xff0c;你还在为了安装一个开发或者部署环境、软件而花费半天的时间吗&#xff1f;你还在解决开发环境能够正常访问&#xff0c;而发布测试环境无法正常访问的问题吗&#xff1f;你还在为持续集成和持续交付&#xff08;CI / CD&#xff09;工…

flink1.18源码本地调试环境

01 源码本地调试环境搭建 1. 从github拉取源码创建本地项⽬ https://github.com/apache/flink.git 可以拉取github上官⽅代码 https://github.com/apache/flink.git GitHub - apache/flink: Apache Flink 2. 配置编译环境 ctrlaltshifts &#xff08;或菜单&#xff09;打…

OpenHarmony Neptune开发板-MQTT连接华为IoT平台

本示例将演示如何在Neptune开发板上使用MQTT协议连接华为IoT平台,使用的是ATH20温湿度传感器模块与Neptune开发板 本示例实现AHT20温湿度数据上报华为IoT平台,IoT平台下发命令控制LED灯的开关 使用W800 SDK功能包中libemqtt来实现连接华为IoT平台 程序设计 初始化 一、MQT…

上位机图像处理和嵌入式模块部署(qmacvisual亮度检测)

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 前面我们说过&#xff0c;在机器视觉当中&#xff0c;对于光源的处理要非常小心。这里面不仅包括了选择什么样的光源&#xff0c;还取决于怎样使用…

二叉树的遍历——洛谷P1364

1. 如何构建父节点与子节点的关系 通过一个结构体&#xff0c;包括每一个节点的父、子节点&#xff0c;在读入一个节点的数据时&#xff0c;标记其子节点的父节点为自己 2. 代码 #include<bits/stdc.h> using namespace std;struct node {int f,l,r,w; }tr[105];int n,s,…

WPF文本框TextEdit不以科学计数法显示

WPF文本框TextEdit不以科学计数法显示 一个float或者double类型的数值&#xff0c;如果小数点后0的个数≥4&#xff0c;在界面上就会自动以科学计数法显示&#xff0c; 比如&#xff1a;0.00003会显示成这样 但是很多时候我并不希望它这样显示&#xff0c;因为这样不方便编辑…

Python 基于 OpenCV 视觉图像处理实战 之 OpenCV 简单视频处理实战案例 之一 简单视频放大抖动效果

Python 基于 OpenCV 视觉图像处理实战 之 OpenCV 简单视频处理实战案例 之一 简单视频放大抖动效果 目录 Python 基于 OpenCV 视觉图像处理实战 之 OpenCV 简单视频处理实战案例 之一 简单视频放大抖动效果 一、简单介绍 二、简单视频放大抖动效果实现原理 三、简单视频放大…

C# WPF编程-命令

C# WPF编程-命令 概述WPF命令模型ICommand接口RoutedCommand类RoutedUICommand类命令库 概述 使用路由事件可以响应广泛的鼠标和键盘事件&#xff0c;这些事件是低级的元素。在实际应用程序中&#xff0c;功能被划分成一些高级的任务。这些任务可通过各种不同的动作和用户界面…

人大金昌netcore适配,调用oracle模式下存储过程\包,返回参数游标

using KdbndpConnection conn new KdbndpConnection("Host192.168.133.221;Port54321;Databasedb1;Poolingtrue;User IDsystem;Password123");conn.Open();//存储过程调用也是类似using var cmd conn.CreateCommand();cmd.CommandText "模式.包名称.存储过程…

Spring Boot 学习(2)——HelloWorld

HelloWorld&#xff01;全宇宙码农的第一个&#xff08;行&#xff09;程序&#xff08;代码&#xff09;。 1、创建项目 打开idea&#xff0c;新建一个maven项目。 1&#xff09;选择项目sdk&#xff08;本例是1.8&#xff09; 2&#xff09;输入GroupId&#xff08;co…

阿里云服务器租用价格表,100元可以买哪些配置?

2024年阿里云服务器优惠价格表&#xff0c;一张表整理阿里云服务器最新报价&#xff0c;阿里云服务器网aliyunfuwuqi.com整理云服务器ECS和轻量应用服务器详细CPU内存、公网带宽和系统盘详细配置报价单&#xff0c;大家也可以直接移步到阿里云CLUB中心查看 aliyun.club 当前最新…

CEF的了解

(14 封私信 / 80 条消息) CEF和Electron的区别是什么&#xff1f; - 知乎 (zhihu.com) Electron面向的开发者&#xff1a;会用JavaScript,HTML,CSS&#xff0c;不会C CEF面向的开发者&#xff1a;会用JavaScript,HTML,CSS&#xff0c;会C (14 封私信 / 80 条消息) liulun - …