或方法 2：图像上的字母两者在大

suraiyaislamsum

多数测试浏览器中都表现良好；这两种方法都允许网页设计者创建优雅的、装饰性的首字下沉。 如果您绝对不想在首字下沉中使用图像，那么我建议使用方法 3：Span 类，无图像。 首字下沉不会提高可读性  有些人可能不同意我的建议，并说由于可访问性问题，First-Child:First-Letter是更好的选择；这是正确使用 VoiceOver 的唯一方法。 我理解这个论点——我的目标通常是可访问性。但讽刺的是，当谈到首字下沉时，我发现屏幕阅读器的“不正确”语言表达更接近视力正常的读者的体验。当阅读首字下沉的文本时，我们总是“读”字母，然后读部分单词，然后必须将两者拼凑在一起。（尝试一下上面的图 16。您是否先读“O”，然后读“nce”，然后做一些心理体。

操来读“Once”这个词？） 使用首字下沉造成的视觉分离会干扰每个人的单词识别。首字下沉是装饰元素。当我们使用它们时，我们是在设定基调——通常是以牺牲可读性为代价的。 漂亮的首字下沉可以自动插入 HTML   有人可能会说First-Child:First-Letter仍然是更好的 购买电话号码列表 选择，因为它消除了在 HTML 中为每个首字下沉插入语法的需要。使用first-child:first-letter，会自动创建首字下沉。 但还有另一种方法可以自动创建首字下沉。使用一点 JavaScript，您可以将 span 类（带或不带图像）插入 HTML 中。您甚至可以创建多个独特的类别（例如 52 个类别，每个字母两个类别）并明确要应用哪个类别（或多个类别）。 NorthTemple 的 Jason Lynes 提供了一个关于使用 jQuery 和 CSS 插入图像替换首字下沉的。



清晰书面案例研究。莱恩斯的案例研究重点介绍了摩门教教会的一篇文章。我并不是邀请大家就本文的内容进行讨论；我提供的案例研究是关于使用 jQuery 和 CSS“自动化”首字下沉的优秀教程。 我测试了 Lynes 的方法 - 我用它创建了一个Span 类页面，无图像首字下沉。它的工作方式就像一个魅力，并且可以完美地降级（在不支持 JavaScript 的浏览器上，首字下沉会恢复为纯文本）。查看我原来的Span 类，jQuery示例HTML 文档。 漂亮的首字下沉需要时间和精力  好的首字下沉需要时间和精力 图 17：再次查看（从左上角顺时针方向）1407、1476、1480 和 1479 的初始盖。 [1] 其中两个初始盖经过精心绘制。[2] 另外两个是初始上限的“快速解决方案”的例子：一组匆忙写下的上限和留出供工匠填写的。