day1-web语义化：em、strong、dl、dt、dp

最新推荐文章于 2022-10-15 23:32:48 发布
最新推荐文章于 2022-10-15 23:32:48 发布
阅读量402 收藏
点赞数 1
分类专栏： 前端学习 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43697280/article/details/108838354
版权
本文介绍了HTML语义化的概念，并重点讲解了em和strong标签相对于i和b标签的优势。同时，文章还探讨了如何使用dl、dt和dd标签来自定义表格，提升网页内容的可读性和可访问性。
摘要由CSDN通过智能技术生成

一、语义化

在html的标签里面会出现一些多个标签都能出现一个效果的标签，就比如：

em标签与i标签        都能实现让文字出现斜体
strong标签与b标签    都能实现让文字加粗

这样一来就引出了语义化的问题
em标签比i标签语义更明确
strong标签比b标签语义更明确
所以一般都是使用em和strong而不是i和b标签

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
最低0.47元/天 解锁文章
新人小程序猿
关注
专栏目录
js中将中国标准时间格式、CST日期转换为yyyy-MM-dd HH:mm:ss格式总结
single0515的博客
12-20 9958
1.Wed Dec 18 2019 17:30:30 GMT+0800 (中国标准时间)格式转换为yyyy-MM-dd HH:mm:ss格式 var dictTime = new Date("${fns:getDictValue('zgh_seal_apl_1', 'zgh_change_date', '')}"); var changeDate=dictTime.getFullYear() ...
HCIE-Security Day17：防火墙双机热备实验（五）：防火墙旁挂交换机，交换机静态路由引流
小梁的博客
02-19 1万+
双机热备比较常见的是旁挂部署在数据中心核心交换机上，且两台防火墙之间形成双机热备。 目录 旁挂组网的优点 实验五：防火墙旁挂交换机，交换机静态路由引流 需求和拓扑 操作步骤 1、公网部分 2、防火墙部分 3、核心交换部分 4、汇聚交换部分 5、接入交换部分 验证和分析 旁挂组网的优点 1、可以在不改变现有网络物理拓扑的情况下，将防火墙部署到网络中。 2、可以有选择低将通过核心交换机的流量引导到防火墙上，即对需要进行安全检测的流量引导到防火墙上进行处理，对不需要进行...
语义化HTML：i、b、em和strong标签
weixin_34071713的博客
12-18 269
一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　   在HTML4.1中i和b作为表象标签分别表示斜体和粗体样式，而强调样式与内容分离的XHTML中则出现样式效果相同的em和strong表义标签，此时我们会建议避免使用i和b标签，应该改用em和strong标签。   但在HTML5对i和b赋予新的语义，本文将再一次认识它们！   二、元素语义　　　　　　　　　　　　　　　　　　...
html dt dd dl的语义,WEB前端设计完美的自定义列表dl，dt，dd
weixin_30521175的博客
06-09 395
经常会在网页上看见类似这样的页面效果：下面就应用无懈可击的WEB设计方案来实现它：(HTML代码添加在BODY之中，CSS代码添加在之间，一定要编辑在之间)HTML代码：明月几时有明月几时有，把酒问青天，不知天上宫阙，今夕是何年；我欲乘风归去，又恐琼楼玉宇，高处不胜寒。明月几时有，把酒问青天，不知天上宫阙，今夕是何年；我欲乘风归去，又恐琼楼玉宇，高处不胜寒。时尚界一姐范冰冰引领着中国时尚界的潮流，...
web_标签补充＜p＞ ＜i＞ ＜strong＞...
zhu_fangyuan的博客
08-05 1007
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <p> 静夜思 <br /> 窗前明月光， <br /> 疑是地上霜。 <br /> 举头望明月， <br />
web语义化（强调标签-em-斜体）(重点强调标签-strong-粗体)（自定义列表：dl、dt、dd）
weixin_47295886的博客
07-14 252
语义化：让人和机器更好理解网页（自定义列表：dl、列表项dt（名词）、描述dd（关于列表项的描述）---针对上一层，）
HTML中DL、DT、DD、em标记的使用
pyzheng的专栏
04-10 1118
[url]http://liudaoru.iteye.com/blog/141219[/url] 标记定义了一个定义列表，定义列表中的条目是通过使用标记(“definition title”，定义标题)和标记(“definition description”，定义描述)创建的。 给出了术语名， 标记给出了术语的定义。 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意...
vue 表格过滤器处理 转换后台返回的这种时间格式2020-04-16T08:22:25.000+0000
weixin_43829905的博客
04-16 8091
vue 表格过滤器处理 转换后台返回的这种时间格式2020-04-16T08:22:25.000+0000 将2020-04-16T08:22:25.000+0000转成2020-04-16 08:22:25 export default { name: "CommissionRules", //注册局部过滤器 filters: { timefilters(val) { ...
python123(Python程序语言设计)-----练习3：基本数据类型
鬼刀
10-21 8054
实例3：天天向上的力量 描述 工作日模式要努力到什么水平，才能与每天努力1%一样？‪‬‪‬‪‬‪‬‪‬‮‬‫‬‮‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‭‬‪‬‪‬‪‬‪‬‪‬‮‬‭‬‪‬‪‬‪‬‪‬‪‬‪‬‮‬‫‬‫‬‪‬‪‬‪‬‪‬‪‬‮‬‭‬‫‬ -A君: 一年365天，每天进步1%，不停歇 ‪‬‪‬‪‬‪‬‪‬‮‬‫‬‮‬‪‬‪‬‪‬‪‬‪‬‮‬‪‬‭‬‪‬‪‬‪‬‪‬‪‬‮‬‭‬‪‬‪‬‪‬...
计算机网络第一章知识点
qq_37900439的博客
06-10 3862
1.三网的概念：B电信网络：向用户提供电话、电报、以及传真等服务。有限电视网络：向用户传送各种电视节目。计算机网络：使用户能够在计算机之间传送数据文件。（发展最快并起到核心作用）计算机网络（简称网络），是由若干结点和连接这些结点的链路组成。网络中的结点可以是集线器、计算机、交换机或路由器等。网络之间可以由路由器连接起来，这就构成了一个覆盖范围更大的计算机网络，称为互联网。（因此互联网是网络的网络）...
html的strong标签是什么意思,Strong标签和B标签怎么用?区别有哪些
weixin_30801745的博客
07-02 1万+
Strong和b是HTML里常见的标签，它们都有一个共同点就是加粗，但是用法缺是不相同的，在做网站的建设的时候，经常会遇到B标签和strong标签，而这两种标签的作用都是对自己加粗，起到一个强调性的作用，但是很多人都会将这两个标签看作为一个标签，那么B标签和strong标签有何区别?对优化有哪些影响?我们和德州SEO一起来了解下：Strong和b标签是什么Strong和b标签都是HTML的标签代码...
小猿圈web前端讲解dl、dt、dd标签
qq_42210792的博客
07-25 5499
于web前端工作者以及正在学习前端的同学来说dl、dt、dd标签一定不陌生的，今天小猿圈web前端讲师就给大家讲解一下dl、dt、dd标签用途等问题。 dd、dt标签是是列表用的。 我们平时常用的是<ul>< li>标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块列表什么的可以使用它来排版。 <dl></dl><dt&gt...
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
weixin_34195364的博客
09-03 2022
2019独角兽企业重金招聘Python工程师标准>>> ...
Web从入门到放弃
m0_74099017的博客
10-15 2210
小白记录HTML入门的点滴
Web前端开发 列表标签相关用法和属性
m0_52841254的博客
05-27 1150
一、有序列表 <ol></ol> 有序列表 需要与<li></li>标签连用，<li>标签为数据标签，有序列表中li标签会按照顺序进行排列，序号和排序顺序可以用相关属性进行设置 属性 compact------h5中不支持，规定列表呈现的效果比正常情况更小巧。 revered------规定列表为降序 start--------规定列表的起始值 type---------规定列表序号，值为1，A，a，I，.
html中dl，dt，dd标签的用法
王以山的专栏
07-31 4186
dl 标签 -- 代表HTML自定义列表 dl标签是成对出现的,以开始,结束 自定义列表的开始使用标签,列表中每个元素的标题使用(definition term)定义,后面跟随(definition description)用于描述列表中元素的内容. 属性: Common -- 一般属性 dl是definition lists的英文缩写 引用网址:http://www.dreamdu.com/xh
html标签之em,strong及自定义列表dl,dt,dd
qq_45122293的博客
02-02 546
em(表示强调，斜体显示) strong（表示重点强调，加粗显示） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <em>内...
HTML中<strong>与<b>,<em>与<i>标签的区别
weixin_30576859的博客
12-20 364
声明：转载请注明出处：http://www.yin.cc/blog/html_b_strong/ 1)关于html标签中b和strong两个的区别，我也是今天用到时才注意的，以前都是混着用的，今天工作的时候才注意到这两个标签的区别。用在网页上，默认情况下它们起的均是加粗字体的作用，二者所不同的是，<b>标签是一个实体标签，它所包围的字符将被设为bold（粗体），...
DIV+CSS中标签dl dt dd常用的用法
热门推荐
黄维
11-13 6万+
用来创建一个普通的列表, 用来创建列表中的上层项目， 用来创建列表中最下层项目， 和都必须放在标志对之间。   实例一： 效果:   源码： body{ font-size:12px; line-height:1.8; width:900px; margin:auto;} *{ margin:0; padding:0;} h1{ background:
2023-07-13702:56:54.611686前端如何转化这个时间
最新发布
07-14
var formattedTime = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds; console.log(formattedTime); // 输出：2023-7-13 2:56:54 ``` 这是一个简单的示例，你可以根据需要进一步...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值