html - 编码 mailchimp 电子邮件内联样式无法正常工作
问题描述
所以我现在在我们要发送给公司的电子邮件上运行非常简单的编码,包括我们的徽标、新公司的图片,我们是新公司的代理,我还没有公司的任何 Blurb但它仍然会来
所以发生的事情是想在我的电子邮件中添加一个小的背景更改,我们的徽标是白色的,身体的其余部分是深灰色的,但是一旦我在我的身体中创建一个 div,它就会破坏我的图片和文字出现的位置
代码
<html>
<header>
<img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/_compresseds/03bb5db7-9357-47d4-b8ab-a6f0ae575554.jpg" style="max-width:80%;height:auto;padding-left:9%;"/>
<style>
body {Color: ; background-color:white} div {background-color:#545454;padding-top:20px;padding-bottom:0.2px}
</style>
</header>
<body>
<br>
<h2 Style="Text-align:center;color:#A6ACAF;text-size:100%">We Are Now A</h2><h1 Style="text-align:center">LUK Agent <br><br>
<div>
<img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/images/08ed7f7f-6417-4719-a3bc-3bf29a97bd1b.jpg" style="max-width:70%;height:auto;padding-left:0%;"/> <p Style="Text-align:Center;Border:5% solid #364C94;Align:Center;padding:5px;width:68.5%;margin-left:15%">Small Blurp of LUK</p>
</div>
在 w3schools 中运行它时,如果有人可以将此编码添加到他们的 Mailchimp 中,它会完美运行,会明白我的意思,它会破坏代码和结构
解决方案
以下是一些指导方针:
- 关闭所有不是自关闭的标签(img 标签是自关闭的,但 body、html 和 h1 不是)。
- 不要在标题中放置 img 标签。那里是不允许的。把它移到身体上。
- 不要使用空的 CSS 命令,例如 'Color: ;'。
- 不要编写自己的 CSS 命令,例如“对齐”;
- 用小写字母写 CSS 命令和属性(不确定这是强制性的,但大写它们是非常罕见的)。
- 为清晰起见(HTML 结构)使用缩进。
这将导致以下代码:
<html>
<header>
<style>
body {color: black;background-color:white;}
div {background-color:#545454;padding-top:20px;padding-bottom:0.2px;}
</style>
</header>
<body>
<img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/_compresseds/03bb5db7-9357-47d4-b8ab-a6f0ae575554.jpg" style="max-width:80%;height:auto;padding-left:9%;" />
<br>
<h2 style="text-align:center;color:#A6ACAF;text-size:100%">We Are Now A</h2>
<h1 style="text-align:center">LUK Agent</h1>
<br>
<br>
<div>
<img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/images/08ed7f7f-6417-4719-a3bc-3bf29a97bd1b.jpg" style="max-width:70%;height:auto;padding-left:0%;" />
<p style="text-align:center;border:5% solid #364C94;padding:5px;width:68.5%;margin-left:15%;">
Small Blurp of LUK
</p>
</div>
</body>
</html>
推荐阅读
- javascript - Flow (typescript checker) configuration to follow symlinks on windows
- spring-cloud - How to log request and response body into database in spring cloud gateway?
- javascript - Javascript Data Type Condition
- node.js - Express 网关如何忽略路径但使用 URL 的其余部分
- html - 为什么“真”布尔值是“错误的属性值”?
- macos - SMLoginItemSetEnabled 返回成功但不添加登录项
- r - R - Best Way to Perform Geospatial Calculations
- cmake - ctest run only existing tests
- php - how to edit joined data from databade in pdo php
- c# - 拖放到网格后如何在应用程序中重新获得焦点