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

Rupert Madden-Abbott

194

html

css

semantic-markup

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

Italic Text

Italic Text

Italic Text

Italic Text

这是"老路".没有语义意义,只传达了使文本斜体的表现效果.据我所知,这显然是错误的,因为这是非语义的.

这使用语义标记纯粹用于表示目的.它恰好发生在默认情况下以斜体呈现文本,因此经常被那些应该避免但不知道其语义含义的人使用.并非所有斜体文本都是斜体,因为它是强调的.有时,它可能正好相反,如旁注或耳语.

这使用CSS类来放置演示文稿.这通常被吹捧为正确的方式,但同样,这对我来说似乎是错误的.这似乎没有传达任何更多的语义含义.但是,它的支持者会哭,如果你想要大胆地改变你所有的斜体文字会更容易.然而事实并非如此,因为我会留下一个名为"italic"的类,它使文本变为粗体.此外,我不清楚为什么我想要改变我网站上的所有斜体文字,或者至少我们可以想到这些不可取或不必要的情况.

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

并非所有文本都具有足以保证语义标记的含义.例如,页面底部的斜体文字真的是一个注脚吗?还是它放在一边?或完全不同的东西.也许它没有特殊的意义,只需要用斜体表示,以便将它与其前面的文本分开.

当语义没有足够的强度时,它就会发生变化.让我说我的"脚注"仅仅基于页面底部的文字.几个月后我想在底部添加更多文字会发生什么?它不再是一个脚注.我们如何选择一个不太通用但又避免这些问题的语义类?

摘要

似乎在许多情况下,语义的要求似乎过于繁琐,在这种情况下,制作斜体的愿望并不意味着具有语义含义.

此外,将风格与结构分开的愿望使得CSS被吹捧为当有时候实际上不那么有用时的替代品.所以这让我回到了简陋的标签,并想知道这一思路是否是它留在HTML5规范中的原因?

是否有关于此主题的任何好的博客文章或文章?也许那些参与决定保留/创建标签的人?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML:超文本标题语言 网页基本组成:音频,视频,链接,图片,文字 web标准的好处 1.让web的发展前景更加广阔 2.内容能被更广泛的设备访问 3.更容易被搜索引擎搜索 4.降低网站流量费用 5.使网站更易于维护 6.提高页面浏览速度 web组成标准:结构、表现、行为 结构标准:结构用于对网页元素进行整理和分类 样式标准:设置网页元素的一个版本,颜色大小以及外观,css 行为标准:行为是指网页模型的定义及交互的编写,dom,es 语义化标签: 1方便袋妈的阅读和维护 2同时让浏览器或网络爬虫很好的解析,从而更好地分析其中的内容 3使用语义化标签具有更好的搜索引擎优化 核心:合适的地方给一个最为合理的表情 paragraph 段落 <p></p> horizontal 横线(分割线 <hr> break 打断,换行 <br> ※div span 标签:起到一个包裹作用,将网页分开布局,没有任何语义化 div是一个块级标签,可以设置其大小 span是一个行内元素,不能设置其大小,限定于内容的元素的改变 <b><b><strong></strong>加粗 <i></i>斜体 <s></s><del></del>删除线 <u></u><ins></ins>下划线 image 图像 <img> href="链接">文本或者图片</a>点击内容可以转入链接 <a href="链接" target="blank">文本或者图片</a>在新的窗口打开链接 <a href="#">文本或者图片</a>暂时没有设置链接。 锚点链接<a href="#id">标题</a> 跳转到标题处(在一个页面上) <p id=""> 设置锚点链接的id base <!--内容-->注释标签 <img src="../">是上一级的图片,"./"是下一级图片 20200526笔记 <ul> <li>...</li> <li>...</li> ... </ul> 只能嵌套<li>标签,<li>标签可以容纳所有元素 <ol> <li>...</li> <li>...</li> ... </ol> 用于有序的排列 <dl> <dt>...</dt> <dd>...</dd> <dd>...</dd> <dd>...</dd> ... </dl> <dl>是自定义列表,<dd>解释<dt> <table> 表格 <tr> <td>单元格内文字</td> ...... </tr> ...... </table>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值