什么是使文本斜体的正确方法?我看到以下四种方法:

Italic Text

Italic Text

Italic Text

Italic Text

< i>

这是“老方式”。 < i>没有语义意义,只传达使文本倾斜的表现效果。据我所知,这显然是错误的,因为这是非语义的。

< em>

这使用语义标记纯粹表示目的。只是发生了< em>默认情况下会将文本呈现为斜体,因此它通常由知道< i>应该避免,但谁不知道它的语义意义。不是所有的斜体文本都是斜体的,因为它是强调的。有时,它可以是完全相反的,像旁注或耳语。

< span class =“italic”>

这使用CSS类来放置演示。这经常被称为正确的方式,但再次,这似乎是我错了。这似乎不表达任何更多的语义意义。但是,它的支持者哭泣,更容易更改所有的斜体文本,如果你,说,希望它是大胆的。然而这不是这样的,因为我会留下一个称为“斜体”的类,使文本粗体。此外,不清楚为什么我会想改变我的网站上的所有斜体文本,或至少我们可以想到的情况下,这是不可取的或必要的。

< span class =“footnote”>

这使用语义的CSS类。到目前为止,这似乎是最好的方法,但它实际上有两个问题。

>不是所有的文本都有足够的意义来保证语义标记。例如,页面底部的斜体文本是否是一个脚注?还是放在一边?或者其他完全。也许它没有什么特别的意义,只需要用斜体来表示它与它前面的文本分开。

>语义意义可以在它不具有足够的强度时改变。让我说我根据没有什么比只有文本在页面底部的“脚注”。几个月后,我想在底部添加更多的文本会发生什么?它不再是脚注。我们如何选择比< em>更通用的语义类,但避免这些问题?

概要

看起来语义的要求似乎在许多情况下是过于繁重的,在这种情况下,使某事变成斜体的意图不意味着带有语义意义。

此外,将风格与结构分离的愿望使得CSS被推崇为替换< i>当有时候,这实际上会减少有用。所以这让我回到了谦虚的< i>标签,并想知道这一思路是否是为什么它留在HTML5规范?

有没有关于这个问题的任何好的博客帖子或文章?也许由参与决定保留/创建< i>标签?

在HTML中把文本变成斜体的是,CSS/HTML:什么是使文本斜体的正确方法?相关推荐

  1. [WORD]Word中插入奇数页分节符,或偶数页分节符的正确方法

    提示:Word中插入奇数页分节符,或偶数页分节符的正确方法 文章目录 前置知识 一.基于上方原理总结 二.正确插入的步骤 1.定位 2.插入 3.删除 4.修订 总结 前置知识 Word中的奇数页分节 ...

  2. html如何使文本变为粗体_什么是Markdown,如何使用它?

    Markdown是一种简单的语法,它以标题.列表.粗体等形式格式化文本,这种标记语言很流行,你肯定有一些应用程序支持它.下面是一个Markdown的简单示例,介绍了什么是Markdown,如何和在哪里 ...

  3. html如何设置文本斜体,CSS/HTML:使文本斜体的正确方法是什么?

    Rupert Madden-Abbott 194 html css semantic-markup 使文本斜体的正确方法是什么?我见过以下四种方法: Italic Text Italic Text I ...

  4. txt文本变为粗体_如何在PHP中使文本变为粗体?

    txt文本变为粗体 Sometimes we might want to display text with style. That it's font, color, make it bold, i ...

  5. php 字体如何加粗和调大小,如何在PHP中使文本变为粗体?

    有时我们可能想要显示带有样式的文本.它是字体,颜色,使其变为粗体,斜体,下划线等.添加任何样式都是基于我们想要传达的信息或引起某人关注的信息. 在本文中,我们将学习如何在PHP中加粗文本?当我们加粗文 ...

  6. Java 操作 word 文档 (三)段落Paragraphs,文本加粗、斜体、字体、字体大小、复杂文本

    目录 1.段落标签 2.引入 docx4j 2.1 引入 docx4j 的 maven 依赖 2.2 加载文档 2.3 获取段落中的文本 3.<w:r> 的属性 4.设置文本字体与大小 4 ...

  7. wxpython中的所有文本框都是TextCtrl,不同的形式的文本框通过样式来实现,下面创建了一个密码输入框...

    ''' wx.TE_CENTER:控件中的文本居中. wx.TE_LEFT:控件中的文本左对齐.默认行为. wx.TE_NOHIDESEL:文本始终高亮显示,只适用于Windows. wx.TE_PA ...

  8. HTML文本下划线效果,聊聊CSS中文本下划线_CSS, SVG, masking, clip-path, 会员专栏, text-decoration 教程_W3cplus...

    在Web中给文本添加下划线常常出现在链接的文本上,早期一般使用text-decoration属性给文本添加下划线.删除线等.除了text-decoration之外,CSS还有很多技术方案可以给文本添加 ...

  9. php 给字符中间添加间距,html中的字符间距怎么设置?css样式设置文本对齐方式总结...

    我们经常用的html字符间距总是不好设置,html的文本对齐方式也不会设置,现在这篇文章就来帮助大家了,这里有关于html 字符间距的调整,还有文本的对齐方式设置,现在让我们来看看这篇文章吧 首先我们 ...

最新文章

  1. 你奋斗这么辛苦,这辈子要证明什么?
  2. 实现网站的RSS应用
  3. java面试浦发_记一次凉凉的浦发面试
  4. Python自动化运维工具-Fabric部署及使用总结
  5. 利用正则匹配数字后边的字符_图解正则——字符匹配
  6. SQL Server 的通用分页显示存储过程
  7. C# -WinForm 中英文实现, 国际化实现的简单方法
  8. ORACLE JOB 失败 查看,Oracle JOB异常中断原因分析
  9. JS---Math.Random()*10--[0,10)随机变颜色
  10. UE4之UMG用户界面
  11. Java API方式调用Kafka各种协议
  12. android组件化数据生命周期,Android组件化开发实践(七):开发常见问题及解决方案...
  13. 《基 于 N Gram 的无词典 中文分词算法》 n-gram读感
  14. es统计有多少个分组_ElasticSearch 分组查询的几个例子
  15. 【2023年战略管理公开课计划】向华为学习 业务领先的战略规划SP(BLM)和战略解码BP(BEM)
  16. word转03版本公式变成图片_word2013公式编辑器_Word 2013保存的时候突然发现公式变成图片怎么办?_word文档打字的时候...
  17. JAVA 数组降序排列思路
  18. 第12章实验1:学生成绩管理系统V5.0(c语言)
  19. AD7606数据转换
  20. 初识JAVA:猜数字小游戏案例---系统产生一个1-100之间的随机数,猜出这个数是多少?

热门文章

  1. JRE JDK是什么?
  2. 科学计算线性方程组的几个实例
  3. arm解锁 j-flash_J-Link固件烧录以及使用J-Flash向arm硬件板下载固件程序
  4. JSON和byte[]
  5. fatal error LNK1104:
  6. 原神QQ机器人云崽bot安卓手机整合包解压即用安装教程
  7. 解读基金—读书框架笔记①
  8. hdu 6686 Rikka with Travels
  9. NAGVIS安装详解
  10. android 自定义圆形裁剪框,android 头像裁剪控件