ดาวน์โหลดบทความ
ดาวน์โหลดบทความ
เว็บของคุณจะยิ่งน่าเชื่อถือและมีประโยชน์ ถ้าผู้เยี่ยมชมมีช่องทางติดต่อคุณได้ง่ายๆ เวลามีคำถาม หรืออยากแนะนำติชม เป็นฟีเจอร์ที่แนะนำสำหรับเว็บไซต์เลย บทความวิกิฮาวนี้จะแนะนำวิธีการใส่ลิงค์สำหรับติดต่อทางอีเมลไว้ในหน้าเว็บของคุณ ด้วยโค้ด HTML ง่ายๆ
ขั้นตอน
ดาวน์โหลดบทความ
-
พิมพ์แท็ก anchor <a href= ในเอกสาร HTML. attribute "<a href=" จะเป็นต้นลิงค์ในเอกสาร HTML ปกติแท็ก "<a href=" ใช้บอกเบราว์เซอร์ว่า ต่อจากนี้ไปคือโค้ดของลิงค์
- ต้องพิมพ์โค้ด HTML นี้ก่อนจะใส่อย่างอื่นในเอกสาร
-
พิมพ์ mailto: ต่อท้ายเครื่องหมาย "=" . เพื่อให้เบราว์เซอร์รู้ว่าต่อไปนี้คือลิงค์ไปยังอีเมล ไม่ใช่หน้าเว็บ
-
พิมพ์อีเมล. รูปแบบคำสั่งที่ถูกต้องจะออกมาประมาณ <a href=mailto:<nowiki> agentavery@sample.com "
-
เพิ่มบรรทัดหัวข้อที่มี (ไม่จำเป็น). ถ้าจะใส่หัวข้อโดยเลือกจากที่มี ให้พิมพ์เครื่องหมายคำถาม (?) ต่อท้ายอีเมล ตามด้วยคำว่า "subject" (ไม่ต้องใส่เครื่องหมายคำพูด) และเครื่องหมายเท่ากับ (=) ตามด้วยหัวข้อในเครื่องหมายคำถาม
- ถ้าจะเพิ่มโค้ดที่ว่าในคำสั่ง ก็จะออกมาเป็น {{kbd|<a href=mailto:<nowiki>agentavery@sample.com?subject="subject text"}
- พยายามอย่าใช้อักขระอื่นนอกจากตัวอักษรและตัวเลข ในบรรทัด subject ปกติก็พอมีทางลัดไม่ให้ลิงค์ดูสับสนจนถูกมองเป็นอย่างอื่นไป
- ถึงปกติจะไม่มี แต่จะใส่ข้อความตั้งต้นไปในบรรทัดหัวข้อก็ได้ โดยใช้ mailto syntax แต่มักนิยมใช้เวลาส่งอีเมลไปยังเซิร์ฟเวอร์ภายใน ที่ bot เป็นตัวจัดการอีเมลขาเข้า ไว้ประมวลผลภายหลังมากกว่า (จะได้กรองข้อมูล)
- คุณเพิ่มส่วน "body" หรือเนื้อหา และบรรทัด cc กับ bcc ได้ด้วย syntax เดียวกัน แค่ต้องใส่เครื่องหมายคำพูด ตามด้วยคำว่า "body", "cc" หรือ "bcc" และเครื่องหมายเท่ากับ ต่อด้วยข้อความที่จะขึ้นในบรรทัดนั้นแบบมีเครื่องหมายคำพูด
-
พิมพ์ > เพื่อใส่วงเล็บปิด. ถึงตอนนี้ โค้ด HTML ก็ใช้ระบุอีเมลที่ต้องเชื่อมต่อ ให้เบราว์เซอร์รู้เรียบร้อย รวมถึงมี subject/cc/bcc ส่วนวงเล็บปิด ">" นี้ ทำให้เบราว์เซอร์รู้ว่าไม่มีคำสั่งต้องทำต่อหลังคลิกลิงค์
-
พิมพ์ข้อความที่จะขึ้นเป็นลิงค์. คือข้อความที่ผู้ใช้เห็นแล้วคลิกเพื่อเปิดลิงค์อีเมล ข้อความนี้จะอยู่หลังวงเล็บปิด จะเป็นคำ วลี หรือกระทั่งใส่อีเมลปลายทางอีกทีก็ได้ ส่วนใหญ่จะขึ้นว่า "ตรงนี้" หรือ "ที่นี่" หรืออะไรประมาณนี้
-
พิมพ์ </a> ต่อท้ายข้อความของลิงค์. เพื่อปิดคำสั่ง HTML แท็ก anchor ของ HTML ต้องปิดแบบนี้ถึงจะใช้การได้ และไม่ทำให้ส่วนที่เหลือของหน้าเว็บกลายเป็น extension ของแท็ก anchor
- คำสั่ง HTML ของลิงค์อีเมลที่ได้ในขั้นสุดท้าย จะออกมาประมาณนี้ <a href=mailto:<nowiki>agentavery@sample.com?subject="HTML link">คลิกที่นี่เพื่อส่งอีเมลหาเราได้เลย!!!</a>
-
พิมพ์โค้ดที่เหลือในเอกสาร HTML. อย่าลืมเซฟไฟล์ก่อน ถ้ามีโค้ด HTML อื่นๆ ที่ต้องพิมพ์ต่อ ก็ทำไปได้เลยโฆษณา
เคล็ดลับ
- แท็ก anchor ของ HTML <a> ใช้ได้หลายอย่าง แนะนำให้ศึกษาเพิ่มเติม จะได้ใช้อย่างมีประสิทธิภาพ
- แท็ก anchor ต้องอยู่ในส่วนของ body (<body>...</body>) หรือเนื้อหาของเอกสาร HTML ห้ามไปใส่ที่อื่น ไม่งั้นอาจเกิด error หรือเปิดอีเมลขึ้นมาทันทีแค่เข้าหน้าเว็บที่มีลิงค์ ไม่ว่าจะตอนคุณดูตัวอย่างเว็บหรือตอนคนเข้าเว็บจริงๆ แบบนี้ก็เรื่องใหญ่แน่
โฆษณา
คำเตือน
- ใส่อีเมลไว้ในหน้าเว็บแล้ว ต้องระวังถูก spam ด้วย เพราะมีผู้ไม่ประสงค์ดีเยอะแยะในเน็ต ที่ใช้โปรแกรมรวบรวมอีเมลที่เปิดเผยแบบนี้แล้วส่งอีเมล spam ไป ถ้าจะลงอีเมลไว้จริงๆ ก็ต้องเตรียมใจและพร้อมรับมือ
- เช็คชื่อผู้รับให้ดีๆ ก่อนส่งอีเมลเสมอ
- ถ้าผู้ใช้ไม่มีโปรแกรมอีเมลในคอม ก็จะส่งอีเมลหาคุณไม่ได้
โฆษณา
ข้อมูลอ้างอิง
- http://www.zaposphere.com/html-email-links-code/ - แหล่งข้อมูลอ้างอิง
โฆษณา
