Cách xem mã HTML của email trong ứng dụng Outlook mới

Việc kiểm tra mã nguồn (source code) của một email có thể rất hữu ích, dù bạn là một lập trình viên đang gỡ lỗi cho một bản tin (newsletter) hay chỉ là một người dùng thận trọng muốn kiểm tra tính xác thực của một email đáng ngờ. Trong ứng dụng Outlook mới (phiên bản thay thế cho Mail & Calendar trên Windows), việc truy cập vào mã HTML thô hơi khác so với các phiên bản trước đó.

Dưới đây là các bước đơn giản để bạn xem mã nguồn của bất kỳ email nào.

1. Tại sao bạn cần xem mã HTML của email?

• Kiểm tra bảo mật: Bạn có thể xem địa chỉ IP thực của người gửi hoặc các liên kết ẩn mà kẻ lừa đảo (phishing) cố tình che giấu.

• Học tập và thiết kế: Xem cách các thương hiệu lớn thiết kế bố cục email đẹp mắt và tương thích với nhiều thiết bị.

• Gỡ lỗi: Kiểm tra xem tại sao một hình ảnh không hiển thị hoặc tại sao định dạng văn bản bị lỗi.

2. Các bước thực hiện trong Outlook mới

Khác với phiên bản Outlook cổ điển (Classic), Outlook mới có giao diện hiện đại và tối giản hơn. Hãy làm theo quy trình sau:

1. Mở ứng dụng Outlook mới trên máy tính của bạn.

2. Chọn email mà bạn muốn xem mã nguồn.

3. Ở góc trên bên phải của cửa sổ email, nhấp vào biểu tượng Ba dấu chấm (...) (More actions).

4. Trong menu thả xuống, chọn mục View (Xem).

5. Chọn tiếp View message source (Xem nguồn thư).

3. Đọc dữ liệu trong cửa sổ Message Source

Một cửa sổ mới sẽ hiện ra chứa toàn bộ "dữ liệu thô" của email đó. Tại đây, bạn sẽ thấy:

• Header (Tiêu đề thư): Chứa thông tin về máy chủ gửi, máy chủ nhận, các chứng chỉ bảo mật (SPF, DKIM, DMARC) và thời gian truyền tin.

• Body (Thân thư): Kéo xuống dưới bạn sẽ thấy mã HTML thực tế — nơi chứa các thẻ như

  <div>, <a>, <img> và các đoạn mã CSS nội bộ định hình giao diện email.

4. Mẹo tìm kiếm nhanh

Vì mã nguồn email thường rất dài và rối mắt, bạn nên sử dụng phím tắt Ctrl + F để tìm kiếm các từ khóa cụ thể.

• Ví dụ: Nếu bạn muốn tìm các liên kết trong thư, hãy gõ

  http hoặc href để định vị nhanh các địa chỉ URL ẩn phía sau văn bản.

Lời kết: Mặc dù Outlook mới không cho phép bạn chỉnh sửa mã HTML trực tiếp, nhưng tính năng View message source là một công cụ phân tích mạnh mẽ giúp bạn hiểu rõ hơn về những gì đang thực sự diễn ra phía sau mỗi bức thư điện tử.

Với kiến thức về lập trình web (như dự án Hotel Booking hay Ca