为啥QQ邮箱里的邮件模版会变形呢？高手看看

一人前端 2012-09-03 02:06:07
QQ邮件里给加多一个 <!DOCTYPE html>，发现邮件模版就变形。怎么处理？代码如下：
——————
注:去掉 <!DOCTYPE html>，会正常显示，是不是css3.0不兼容table属性？怎么修改才能兼容呢？


<!DOCTYPE html>

<html>

<head></head>

<body>



		<!-- Save for Web Slices (zhanhui.psd) -->

<table id="__01" width="824" height="491" border="0" cellpadding="0" cellspacing="0">

	<tbody><tr>

		<td colspan="11">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_01.png" width="823" height="20" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="20" alt=""></td>

	</tr>

	<tr>

		<td rowspan="13">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_02.png" width="21" height="470" alt=""></td>

		<td colspan="2" rowspan="4">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_03.png" width="504" height="150" alt=""></td>

		<td colspan="8">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_04.png" width="298" height="115" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="115" alt=""></td>

	</tr>

	<tr>

		<td rowspan="3">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_05.png" width="53" height="35" alt=""></td>

		<td rowspan="3"><font size="-1">82122146</font></td>

		<td rowspan="3">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_07.png" width="16" height="35" alt=""></td>

		<td colspan="2" rowspan="3">

		  <font size="-1">48076124</font></td>

		<td colspan="3">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_09.png" width="63" height="7" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="7" alt=""></td>

	</tr>

	<tr>

		<td colspan="2">

			<a href="http://www.szhr.com.cn/xfile/renyu/2012毕业生双选会邀请函.doc" target="_blank"><img 



src="http://www.szhr.com.cn/xfile/images/zhanhui_10.png" width="18" height="20" border="0" alt="第十六届高校毕业生就业创业双向选择大会"></a></td>

		<td rowspan="11">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_11.png" width="45" height="348" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="20" alt=""></td>

	</tr>

	<tr>

		<td colspan="2" rowspan="3">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_12.png" width="18" height="130" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="8" alt=""></td>

	</tr>

	<tr>

		<td rowspan="4">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_13.png" width="1" height="148" alt=""></td>

		<td rowspan="4">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_14.png" width="503" height="148" alt=""></td>

		<td colspan="5">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_15.png" width="235" height="115" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="115" alt=""></td>

	</tr>

	<tr>

		<td rowspan="3">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_16.png" width="53" height="33" alt=""></td>

		<td rowspan="3"><font size="-1">82122146</font></td>

		<td rowspan="3">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_18.png" width="16" height="33" alt=""></td>

		<td rowspan="3"><font size="-1">48076124</font></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_20.png" width="1" height="7" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="7" alt=""></td>

	</tr>

	<tr>

		<td colspan="3">

			<a href="http://www.szhr.com.cn/xfile/renyu/2012中国国际人才交流大会邀请函.doc" target="_blank"><img 



src="http://www.szhr.com.cn/xfile/images/zhanhui_21.png" width="19" height="20" alt="最高规格2012年国际人才交流大会邀请函" border="0"></a></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="20" alt=""></td>

	</tr>

	<tr>

		<td colspan="3" rowspan="2">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_22.png" width="19" height="125" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="6" alt=""></td>

	</tr>

	<tr>

		<td colspan="2" rowspan="4">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_23.png" width="504" height="152" alt=""></td>

		<td colspan="4">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_24.png" width="234" height="119" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="119" alt=""></td>

	</tr>

	<tr>

		<td rowspan="3">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_25.png" width="53" height="33" alt=""></td>

		<td rowspan="3"><font size="-1">82122146</font></td>

		<td rowspan="3">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_27.png" width="16" height="33" alt=""></td>

		<td colspan="3" rowspan="3"><font size="-1">48076124</font></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_29.png" width="17" height="6" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="6" alt=""></td>

	</tr>

	<tr>

		<td>

			<a href="http://www.szhr.com.cn/xfile/组团赴内地招聘.doc" target="_blank"><img 



src="http://www.szhr.com.cn/xfile/images/zhanhui_30.png" width="17" height="20" alt="2012组团招聘邀请函" border="0"></a></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="20" alt=""></td>

	</tr>

	<tr>

		<td rowspan="2">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_31.png" width="17" height="27" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="7" alt=""></td>

	</tr>

	<tr>

		<td colspan="8">

			<img src="http://www.szhr.com.cn/xfile/images/zhanhui_32.png" width="740" height="20" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="20" alt=""></td>

	</tr>

	<tr>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="21" height="1" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="1" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="503" height="1" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="53" height="1" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="90" height="1" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="16" height="1" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="75" height="1" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="1" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="1" height="1" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="17" height="1" alt=""></td>

		<td>

			<img src="http://www.szhr.com.cn/xfile/images/分隔符.gif" width="45" height="1" alt=""></td>

		<td></td>

	</tr>

</tbody></table>

<!-- End Save for Web Slices -->	

</body>

</html>

...全文
448 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
JPF1024 2012-09-03
  • 打赏
  • 举报
 回复
<!DOCTYPE html>
<html>

重复了把？
<!DOCTYPE html>是HTML5的写法。HTML5里面可能不支持你的某些标签，但<table>一定是支持的。
一人前端 2012-09-03
  • 打赏
  • 举报
 回复
高手，看看！
SpringBoot2+Mail邮件发送系统(邮箱专题)
适用人群 通用各大网易系，腾讯QQ系，新浪系，阿里系等主流邮箱；同时也适用于企业开发的企业邮箱，进行收件和发件。 课程概述 通用各大网易系，腾讯QQ系，新浪系，阿里系等主流邮箱；同时也适用于企业开发的企业...
适合邮件模板HTML outlook,163,qq邮箱,企业邮箱等
邮件模板兼容outlook,163,qq,企业邮箱
outlook邮件中样式错乱问题
邮件模板编写完成后不同的收件平台渲染的情况大相径庭，再outlook客户端以及网页版收到的邮件内容出现了严重的变形问题。如图所示（左侧为Foxmail显示、右侧为outlook显示）： 代码： <div style="max-width...
邮件营销EDM模板制作规范
最近在做一些活动项目，时不时会有邮件发送页面（简称EDM）的制作，做好的页面，经过无数次的测试，总结出下面的EDM制作标准，现与大家分享下，希望对大家有帮助。 第一部分 邮件模板概括 1、邮件类型： 1)新闻...
邮件营销技巧和经验分享
然而，盲目地推行电子邮件营销却存在着巨大的风险，用户会对收到的大量带有营销目的的电子邮件产生反感甚至感到愤怒，他们总是将那些邮件直接删除，甚至有可能投诉至邮箱服务提供商，使得企业在电子邮件营销中...
CSS

61,112

社区成员

60,732

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章