关闭按钮- HTML 实体与 SVG
Close buttons- HTML Entity vs SVG
在创建关闭按钮时,通常是为了某种卡片,我经常发现需要一些类似于 cross/multiplication 符号的视觉符号,我们都将其与关闭事物联系起来。
在大多数情况下,我发现自己更喜欢使用 HTML 实体。
×
但我见过在传统 EN 键盘上使用“常规”x 键。以及像 Feather 和 Hero Icons 中可用的 SVG,等等。
我想问的是这里面有没有推荐的选项,为什么?如果不是,哪个选项最支持 and/or最性能?
谢谢
下面是一些背景,没必要看:
一段时间以来,实体对我来说是最好的选择。如果有机会的话,我喜欢在我的应用程序中加载或打包少一项资产,无论资产多小。
这一点,我假设我键盘上的“x”键可能意味着不同的东西,并且对于更广阔世界的不同编码器来说是不同的代码。
×(;) 永远只会是 ×(;)。无论如何,那是我的希望。
也就是说,我注意到该实体的填充物似乎是不可移动的,存在一些问题;字符上方和下方的空白随着字体大小的增加而变得相当大。结果 CSS 光标效果过早触发,在光标明显(明显)远离符号本身的位置。
那以及无法调整该符号的 'stroke-width' 属性 的等价物让我想知道这些新奇的 SVG 及其带来的所有独特功能是否可能无论如何都是这里的最佳选择。 `
根据我的经验(因为这似乎是一个自以为是的话题),我认为没有推荐的最佳做法。一开始,为了达到工作状态,我会使用大写 X
因为它受到普遍支持。稍后,使用 SVG 将是一个不错的选择,主要是因为 SVG 很容易针对任何设备进行缩放,并且几乎得到普遍支持。
在创建关闭按钮时,通常是为了某种卡片,我经常发现需要一些类似于 cross/multiplication 符号的视觉符号,我们都将其与关闭事物联系起来。
在大多数情况下,我发现自己更喜欢使用 HTML 实体。
×
但我见过在传统 EN 键盘上使用“常规”x 键。以及像 Feather 和 Hero Icons 中可用的 SVG,等等。
我想问的是这里面有没有推荐的选项,为什么?如果不是,哪个选项最支持 and/or最性能?
谢谢
下面是一些背景,没必要看:
一段时间以来,实体对我来说是最好的选择。如果有机会的话,我喜欢在我的应用程序中加载或打包少一项资产,无论资产多小。
这一点,我假设我键盘上的“x”键可能意味着不同的东西,并且对于更广阔世界的不同编码器来说是不同的代码。
×(;) 永远只会是 ×(;)。无论如何,那是我的希望。
也就是说,我注意到该实体的填充物似乎是不可移动的,存在一些问题;字符上方和下方的空白随着字体大小的增加而变得相当大。结果 CSS 光标效果过早触发,在光标明显(明显)远离符号本身的位置。
那以及无法调整该符号的 'stroke-width' 属性 的等价物让我想知道这些新奇的 SVG 及其带来的所有独特功能是否可能无论如何都是这里的最佳选择。 `
根据我的经验(因为这似乎是一个自以为是的话题),我认为没有推荐的最佳做法。一开始,为了达到工作状态,我会使用大写 X
因为它受到普遍支持。稍后,使用 SVG 将是一个不错的选择,主要是因为 SVG 很容易针对任何设备进行缩放,并且几乎得到普遍支持。