เมื่อสร้างอีเมล HTML เราควรใช้ html, head, body tags หรือไม่?


113

ในมุมมองอีเมลของฉันฉันมักจะทำอะไรบางอย่างเช่น ...

<dl>
   <dt>Name</dt>
   <dd>Value</dd>
</dl>

ฉันควรทำแบบนี้ไหม

<html>
  <head></head>
  <body>
    <dl>
       <dt>Name</dt>
       <dd>Value</dd>
    </dl>
  </body>
</html>

กล่าวอีกนัยหนึ่งเช่นฉันกำลังทำเครื่องหมายบนเอกสารแบบสแตนด์อโลน?

ฉันเดาว่าฉันสามารถสันนิษฐานได้อย่างปลอดภัยว่าไคลเอนต์อีเมลทางเว็บใด ๆ จะลบออก

วิธีที่ถูกต้องคืออะไร?


สำหรับสิ่งที่คุ้มค่าธันเดอร์เบิร์ดออกผลลัพธ์เป็นhtml, headและbodyแท็กในข้อความ
palswim

คำตอบ:


44

วิธีที่ถูกต้องเป็นไปตามแบบ HTML มาตรฐาน คุณสามารถตรวจสอบหน้าเว็บ HTML ของคุณที่นี่

โปรแกรมรับส่งเมลของคุณควรปฏิบัติตามและควรทิ้งสิ่งที่ไม่รองรับหรือสิ่งที่ไม่ปลอดภัยเช่นจาวาสคริปต์

อัปเดต:หลังจากการโหวตลดลงหลายครั้งจากคนที่โกรธเมื่อคุณบอกให้ทำตามมาตรฐานฉันจะเปิดเผยเหตุผลบางประการว่าทำไมการปฏิบัติตามมาตรฐานจึงเป็นประโยชน์ที่นี่:

  1. เว็บเมลที่ต้องการแสดงอีเมลของคุณเป็นแบบเต็มหน้าสามารถรักษารูปแบบของคุณได้
  2. เว็บเมลจะดึงแท็กและแอตทริบิวต์ที่ไม่ต้องการออก แต่คุณไม่มีทางรู้หรอกว่าอันไหน
  3. ง่ายต่อการค้นหาส่วนประกอบ (ฝั่งเซิร์ฟเวอร์) ที่เป็นไปตามมาตรฐานรูปแบบและทำให้เกิดข้อผิดพลาดน้อยลง โปรแกรมแยกวิเคราะห์ที่ไม่ปฏิบัติตามมาตรฐานอาจผิดพลาดทำให้อีเมลของคุณไม่แสดง

54
-1 วิธีที่ถูกต้องคือการทดสอบในลูกค้าที่เกี่ยวข้อง แม้ว่าโปรแกรมรับส่งเมลควรปฏิบัติตามมาตรฐาน แต่แทบไม่มีใครทำ
Dan Blows

27
mschonaker ถูกต้อง หากทุกคนเริ่มปฏิบัติตามมาตรฐานการใช้งานก็จะ ... ดี ... ได้มาตรฐาน มิฉะนั้นนักพัฒนาทุกคนจะต้องใช้แฮ็กสำหรับรสชาติของวันนี้ (คิดถึงคุณ IE6!) วิธีที่ถูกต้องคือปฏิบัติตามมาตรฐาน
cjcela

4
ไม่มีมาตรฐานสำหรับ "อีเมล html" คุณกำลังชี้ไปที่มาตรฐานสำหรับ html
RDS

2
ฉันเห็นด้วยกับคำตอบนี้ในขณะที่ลูกค้าจำนวนมากแสดง html ที่ไม่ถูกต้องอย่างไรก็ตามรูปแบบที่น่าเชื่อถือที่สุดที่จะแสดงผลกับลูกค้าส่วนใหญ่คือการมี html ที่ถูกต้อง!
markmnl

3
นี่คือคำตอบที่ถูกต้อง ประเภทละครใบ้ของส่วนหรือเนื้อความจะเป็นข้อความ / html ไม่ว่าบริบทประเภทนี้ควรยึดตามมาตรฐานไม่ว่าจะเป็นเว็บเบราว์เซอร์หรือไคลเอนต์อีเมล @cjcela มีความคิดที่ถูกต้องถ้าเราทุกคนสนับสนุน IE8 เว็บจะไม่พัฒนา หากเราไม่ยึดติดกับมาตรฐานการแสดงผล HTML ในเมลจะมีวิวัฒนาการอย่างไร? สิ่งที่คุณควรทำคือยึดมั่นในมาตรฐาน แต่โปรดทราบว่าสิ่งต่างๆเช่นสไตล์ชีตในheads อาจถูกละเลยและมีทางเลือกที่สง่างาม
Brett Ryan

33

ไม่ว่าคุณจะรวมแท็ก html / head / body หรือไม่ก็ตามก็ไม่เกี่ยวข้องทั้งหมดซึ่งเป็นทางเลือกเสมอและจะไม่ส่งผลต่อการแสดงผลของเอกสาร แต่อย่างใด

สิ่งที่สำคัญที่สุดคือโหมดแปลก ๆ เปิดอยู่หรือไม่ ขออภัยคุณไม่สามารถควบคุมได้ในการตั้งค่าเว็บเมล ตารางและรูปแบบอินไลน์เป็นเพื่อนของคุณ ทางออกที่ดีที่สุดของคุณคือการทดสอบในเว็บเมลและไคลเอนต์เดสก์ท็อปให้มากที่สุดเท่าที่จะทำได้



4
"เป็นทางเลือกเสมอและจะไม่มีผลต่อการแสดงผลของเอกสาร" นั่นไม่เป็นความจริงการแสดงผลจำนวนมากมีความทนทานต่อข้อผิดพลาดน้อยกว่าและสามารถเลือกที่จะไม่แสดง html ที่ไม่ถูกต้องได้
markmnl

จะเกิดอะไรขึ้นเมื่อโปรแกรมรับส่งเมลมีลิงก์ "ดูอีเมลนี้ในเบราว์เซอร์" จะขึ้นอยู่กับเบราว์เซอร์เริ่มต้นเพื่อแสดง HTML ที่ไม่ถูกต้อง
Sergey

13

หลาย ๆ กระทู้ในกระทู้นี้ค่อนข้างเก่าและด้วยเหตุนี้จึงไม่ถูกต้องอีกต่อไป

วันนี้อีเมล HTML ควรมีการประกาศประเภท, html และเนื้อหาหากคุณตั้งใจจะทำอะไรที่น่าสนใจ

มีคำแนะนำมากมายเกี่ยวกับเรื่องนี้ซึ่งสามารถช่วยให้คุณเรียนรู้วิธีการเขียนโค้ด HTML Email อย่างถูกต้อง แต่ส่วนใหญ่ไม่สนใจรายละเอียดของประเภทหลักซึ่งเป็นวิธีที่ฉันสะดุดกับคำถามของคุณ

ฉันขอแนะนำให้คุณอ่าน 2 โพสต์ต่อไปนี้ซึ่งมาจากทีมที่มีชื่อเสียงซึ่งคุ้นเคยกับปัญหาต่างๆ:

การตรวจสอบแคมเปญ

อีเมลเกี่ยวกับกรด


ตลกดี ... คุณบอกว่าโพสต์ที่นี่เก่าและคุณใส่ลิงค์ในคำตอบของคุณสำหรับบล็อกโพสต์ที่มีอายุ 7 ปี!
Alexis Wilke

2
ฉันทำ แต่โพสต์บล็อกที่ได้รับการคัดเลือกได้รับการคัดเลือกอย่างรอบคอบเนื่องจากลักษณะที่เชื่อถือได้และพวกเขาค่อนข้างมองไปข้างหน้าในเวลานั้น ความคิดเห็นที่พวกเขาแสดงนั้นค่อนข้างผิดปกติในตอนนั้นโดยเฉพาะอย่างยิ่งเมื่อคุณตรงกันข้ามกับคำยืนยันที่ลงวันที่ซึ่งมีการแบ่งปันโดยคำตอบอื่น ๆ ที่นี่
kamelkev

@AlexisWilke และหนึ่งในลิงค์ถูกพูดถึงที่นี่เมื่อ 3 ปีก่อน! แต่อย่างน้อยตอนนี้ก็มีคำตอบแล้วฉันจะได้พยายามเพิ่มคะแนน
โหวต

11

ขึ้นอยู่กับไคลเอนต์อีเมลที่ได้รับ จากประสบการณ์ของฉันไคลเอนต์อีเมลส่วนใหญ่ที่จะตีความ HTML ไม่สนใจว่าคุณจะมีแท็กตัวเต็ม / ส่วนหัว / html หรือไม่เป็นต้นในความเป็นจริงคุณไม่จำเป็นต้องใช้แท็กเหล่านี้สำหรับเบราว์เซอร์ส่วนใหญ่ด้วยซ้ำ คุณต้องมีแท็กหัวเพื่อรวมสไตล์ / ชื่อเรื่องเป็นต้นมิฉะนั้นก็ไม่จำเป็นจริงๆ ฉันไม่เคยเห็นพวกเขาจำเป็น


3
แท็ก html / head / body เป็นทางเลือกเสมอ
Josh Lee

10

มีสิ่งหนึ่งที่ฉันรู้ว่าเป็นความจริง: การใช้แท็กเปิดและปิด HTML จะช่วยในการให้คะแนนสแปมโดยทั่วไปเนื่องจากตัวกรองที่ใช้อุปกรณ์ดังกล่าวและไฟร์วอลล์ซอฟต์แวร์จำนวนมากจะเพิ่มจุดหรือมากกว่านั้นในอีเมลที่ใช้ html แต่ไม่ได้ใช้ แท็กเปิดและปิด


11
คุณมีหลักฐานสนับสนุนข้อเรียกร้องนี้หรือไม่?
alex

10
ฉันสังเกตเห็นพฤติกรรมนี้ภายในไม่กี่วันที่ผ่านมาเพียงแค่ "ดูต้นฉบับ" ใน Gmail ที่นั่นฉันเห็นคะแนนสแปมสำหรับอีเมลที่ไม่มีแท็กปิดเปิดเช่น X-Spam-Level: * | X-Spam-Report: score = 1.6 การทดสอบ = HTML_MESSAGE, HTML_MIME_NO_HTML_TAG, MIME_HTML_ONLY | X-Spam-Score: 1 - เช่นดูwiki.apache.org/spamassassin/Rules/HTML_MIME_NO_HTML_TAG
Richard Hollis

1
ฉันเคยเห็นสิ่งนี้เช่นกันและบาง บริษัท มีเกณฑ์กักกันสแปมต่ำจนไม่มีแท็ก HTML เพียงพอที่จะป้องกันไม่ให้อีเมลของคุณผ่านไปได้ หน้านี้ไม่ได้แสดงรายการการตั้งค่าที่แน่นอน แต่ฉันเห็นซอฟต์แวร์ฝากข้อความเกี่ยวกับกฎ "HTML_MIME_NO_HTML_TAG" พร้อมคำอธิบายว่า "ข้อความ HTML เท่านั้น แต่ไม่มีแท็ก HTML" techlib.barracuda.com/BSF/SpamScoring
JHS

3

ฉันไม่คิดว่ามีวิธีที่ถูกต้อง แต่พยายามทำให้อีเมลสามารถดูได้ในโปรแกรมอ่านอีเมลให้มากที่สุดเท่าที่จะทำได้

ฉันมักจะตรวจสอบอีเมลใน Thunderbird เนื่องจาก Outlook ให้อภัยมากกว่า

ใน Thunderbird นี่คือรหัส HTML ของอีเมล (ฉันมีส่วนขยายที่แสดง html)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body bgcolor="#ffffff" text="#000000">
        This is the body text<br>
<div class="moz-signature"><i><br>
<br>
Regards<br>
Alex<br>
</i></div>
</body>
</html>

BTW ฉันใช้อีเมลข้อความธรรมดาสำหรับเว็บฟอร์มทั้งหมดทุกครั้งที่ทำได้ ฉันมีปัญหามากมายเกี่ยวกับอีเมล blackberry โดยใช้ html + อีเมลข้อความธรรมดา

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.