今天我想与您分享的第二个最佳实

mdruhul13

践是使用 lang 属性。HTML 中的 lang 属性用于定义文档的语言。这对于可访问性非常重要，主要是因为屏幕阅读器等可访问性工具将能够为其选择正确的声音。

雷米·帕门蒂埃：再次给大家展示一下这个 live 的 demo，希望它不会崩溃。我收到了 Mailchimp 发来的一封非常好的电子邮件。正如之前所说，我是法国人，所以我的电脑设置为法语。我的屏幕阅读器也是法语的，因此每次我们看到一些新内容时，它都会尝试用法语阅读。我现在将停止我的屏幕阅读器。你试着看看我们什么时候会读到这一段，看看它会如何阅读。

雷米·帕门蒂埃：我知道我的英语口音不太好，但这比我的还要糟糕。如果您 阿联酋电话号码列表 设置 lang 属性，则您的内容将以用户使用的任何默认语言读取。这里的快速阶段是添加 lang 属性，然后我可以重新启动屏幕阅读器。

屏幕阅读器：： Mailchimp Presents 推出了一系列专为企业家而制作的新原创内容。近几个月来，我们推出了仅在 Mailchimp 上播放的纪录片、短片系列和播客。今天，我们正式推出了一个平台。

雷米·帕门蒂埃：正如你所听到的，即使对于我的屏幕阅读器，并且我的系统仍然设置为法语，一旦屏幕阅读器实际上在 HTML 内容上，它会使用另一种语音，那里的英语语音，来阅读内容，这使得体验更好，这里好多了。

雷米·帕门蒂埃：带有 lang 属性的 HTML 电子邮件的一个小区别是，就像 doctype 一样，webmail 可能不会拾取 doctype，因为 webmail 只会采用样式和正文内容。通常最好的做法是在正文内容的包装器上添加 lang 属性，这样您就可以确保网络邮件也会选择该属性。

雷米·帕门蒂埃：现在，我喜欢的第三个最佳实践是实际使用 HTML 属性上的样式。这确实是人们讨厌 HTML 电子邮件的地方，因为他们觉得必须使用所有 HTML 属性，必须使用所有代码，这使得电子邮件看起来与网络非常不同，但实际上没有理由这样做除非您需要支持非常旧的电子邮件客户端（例如 Lotus Notes 6 或类似客户端）。



雷米·帕门蒂埃：在此示例中，在第一个示例中，您可以看到我在 HTML 中使用了 valign、align 和 bgcolor 属性，但所有这些属性都可以非常轻松且可靠地替换为相应的样式。这里我只有一个样式属性，里面有垂直对齐 CSS 属性、文本对齐和背景颜色。

雷米·帕门蒂埃：我喜欢这样做的原因之一是它使 go 更干净、更具可读性。您的所有表现属性都分组在单个样式属性中，而不是用 valign、align 和所有其他东西散布在各处。在我看来，这使得它非常非常容易阅读和维护。

雷米·帕门蒂埃：我喜欢使用样式而不是属性的另一个原因是它有助于接管电子邮件客户端自己的样式。例如，在Orange的法国网络邮件上，网络邮件的UI实际上有一个CSS，其中有一个规则将每个TD设置为垂直顶部对齐。由于此规则，如果您仅使用 valign=middle 等 HTML 属性，则 Webmail 中的 CSS 角色将被 HTML 属性覆盖，因为这就是级联在 HTML 和 CSS 中的工作方式。