Mã HTML của tôi ở đâu?

Tất cả những người thiết kế email tiếp thị đều đã xem qua tác phẩm của người khác và thích những gì họ thấy. Trong những lúc như vậy, bạn có thể muốn biết cách sử dụng ý tưởng hoặc bố cục của họ trong email hoặc chiến dịch tiếp theo của mình. May mắn thay, có nhiều cách bạn có thể tìm ra những gì họ đã làm

Mặc dù, đối với một số ứng dụng, email văn bản đơn giản vẫn phù hợp, nhưng hầu hết các email tiếp thị đều có nội dung phong phú và tương tác

Chúng phản hồi nhanh và sử dụng các tiết lộ được kiểm soát để giúp điều hướng chúng dễ dàng, bất kể thiết bị là gì

Mã HTML trong email là gì?

Nếu bạn không có kinh nghiệm với mã HTML, bạn vẫn có thể xem mã từ mọi email bạn nhận được mà không cần bất kỳ phần mềm đặc biệt nào. Có thể truy cập mã từ máy tính để bàn và máy khách web

Tương tự, nếu bạn đang thiết kế các mẫu của mình từ Trình giám sát chiến dịch, bạn cũng có thể kiểm tra mã HTML cơ bản. Bạn thậm chí có thể tải xuống, sửa đổi và tải lên lại

Và nếu bạn không muốn tìm hiểu về mã hóa, điều đó cũng không sao cả. Trình chỉnh sửa kéo và thả của Campaign Monitor giúp dễ dàng tạo các email đẹp mắt mà không cần phải chạm hoặc chỉnh sửa mã

Làm cách nào để xem HTML trong Outlook?

Trong Microsoft Outlook, bấm đúp để mở email. Bạn sẽ thấy menu “Hành động” trong tab “Tin nhắn”. Nhấp vào menu đó và chọn “Other Actions”, sau đó nhấp vào “View Source” để xem mã HTML

Bất kể trình soạn thảo văn bản mặc định của bạn là gì, tệp HTML sẽ mở dưới dạng. tập tin txt

Làm cách nào để xem HTML trong Gmail?

Nếu bạn sử dụng ứng dụng khách web của Gmail, bạn có thể nhấp chuột phải vào email và chọn “Xem nguồn trang. ” Tuy nhiên, thao tác này sẽ hiển thị cho bạn toàn bộ mã HTML của trang web, bao gồm cả thông tin về thông báo

Sử dụng Outlook được kết nối với tài khoản Gmail của bạn sẽ cho phép bạn chỉ xem trực tiếp HTML của email

Làm cách nào để xem HTML trong Giám sát Chiến dịch?

Trong Campaign Monitor, bạn có thể xem mã HTML từ cửa sổ xem trước. Khi bạn đã thiết kế mẫu của mình, bạn có thể mở cửa sổ xem trước trên trang Ảnh chụp chiến dịch và chọn “Xem nguồn trang. ”

Bạn có thể lưu tệp bằng cách nhấp chuột phải và chọn “Lưu dưới dạng” hoặc sao chép văn bản và dán vào trình soạn thảo văn bản hỗ trợ HTML yêu thích của bạn. Điều này sẽ cho phép bạn sửa đổi mã HTML cục bộ và sau đó nhập lại vào Trình giám sát chiến dịch để sử dụng trong các chiến dịch trong tương lai

Lưu ý rằng, sau khi bạn sửa đổi HTML và nhập lại trực tuyến, bạn sẽ không thể sửa đổi nó bằng giao diện người dùng nữa. Bạn sẽ phải thực hiện tất cả các thay đổi trong tương lai đối với email trong mã HTML

Cách đo lường mức độ thành công của mã email HTML

HTML có thể cung cấp các email mạnh mẽ, phản hồi nhanh. Mặc dù email văn bản đơn giản cũng hoạt động tốt cho một số mục đích hoặc đối tượng, nhưng các nhà tiếp thị thường thích quảng cáo sản phẩm hoặc dịch vụ của họ thông qua email HTML

Bằng cách theo dõi tỷ lệ mở và tỷ lệ nhấp, bạn sẽ biết định dạng nào phù hợp với thương hiệu cụ thể và đối tượng cụ thể của mình

Bằng cách phân đoạn tỷ lệ mở theo thiết bị, bạn sẽ thấy khi nào email của mình không có tác dụng mong muốn đối với khách hàng di động. Bạn có thể làm điều này từ phần "Thông tin chi tiết" trong Giám sát chiến dịch

Thật sự nó có ảnh hưởng sao?

Với email HTML hiện đại, bạn có thể thêm hình nền, video, nút và hầu hết mọi thứ khác mà trang web có. Bạn cũng có thể đảm bảo email của mình phản hồi nhanh, bất kể thiết bị được sử dụng để mở chúng

Một điều tuyệt vời khác về email dựa trên HTML là các phân tích mà chúng thu thập cho các nhà tiếp thị. Với các email dựa trên HTML, bạn có thể theo dõi mọi tương tác mà người nhận thực hiện

Với các email văn bản thuần túy thực sự, đây không thực sự là trường hợp. Tuy nhiên, các email văn bản thuần túy thực sự là các email HTML được định dạng giống như văn bản thuần túy có thể cho phép phân tích

Gì bây giờ?

Nếu bạn muốn biết thêm về cách sử dụng mã HTML trong thiết kế email của mình, hãy xem hướng dẫn này để biết thêm chi tiết về cách sử dụng nó trong các mẫu. Mặc dù bạn có thể biết HTML và CSS, nhưng có một số lưu ý khi sử dụng chúng để thiết kế email hỗ trợ HTML, vì vậy điều quan trọng là bạn phải làm quen với chúng

Luôn hữu ích khi biết cách xem mã nguồn của trang web của bạn hoặc bất kỳ trang web nào. Đó là một kỹ năng có thể rất hữu ích khi làm việc với SEO, khắc phục sự cố hoặc chỉ tò mò muốn xem mã nguồn HTML của một trang web trông như thế nào

Trong bài đăng này, bạn sẽ tìm hiểu các phương pháp dễ dàng về cách xem mã của bất kỳ trang web nào trên bất kỳ nền tảng nào. Bắt đầu nào

Cách xem mã nguồn HTML của website trên Mac

Cuộc đi săn

Để xem nguồn của trang web trên máy Mac bằng Safari, hãy điều hướng đến trang bạn muốn và sử dụng phím tắt sau. Tùy chọn+Lệnh+U

Ngoài ra, bạn có thể nhấp chuột phải vào bất kỳ đâu trên trang và chọn “Hiển thị nguồn trang” từ menu thả xuống

Mã HTML của tôi ở đâu?
Xem mã nguồn trên máy Mac

Google Chrome

Để xem mã nguồn của trang web trên máy Mac bằng Chrome, hãy điều hướng đến trang bạn muốn và sử dụng phím tắt. Tùy chọn+Lệnh+U

Mã HTML của tôi ở đâu?

Bạn cũng có thể nhấp chuột phải vào trang và chọn “Xem nguồn trang” từ menu thả xuống

Mã HTML của tôi ở đâu?
Xem mã nguồn trang web bằng Chrome trên máy Mac

firefox

Khi sử dụng Firefox trên máy Mac, phím tắt để xem mã nguồn là. LỆNH + U

Phím tắt là tổ hợp các phím bạn cần nhấn đồng thời để thực hiện một lệnh cụ thể. Trong trường hợp này, phím tắt sẽ giúp bạn xem mã nguồn của một trang web mà không cần phải thông qua menu tùy chọn

Cách xem mã nguồn trên PC

Google Chrome

Khi sử dụng Google Chrome trên PC, bạn có thể xem mã nguồn của trang web bằng cách sử dụng phím tắt. CTRL + U

Mã HTML của tôi ở đâu?
Xem mã nguồn bằng Chrome trên PC

firefox

Khi sử dụng Firefox trên PC, phím tắt để xem mã nguồn là. CTRL + U

Ô-pê-ra

Khi sử dụng Opera trên PC, phím tắt để xem mã nguồn HTML của trang là. CTRL + U

Microsoft Cạnh

Phím tắt để xem mã nguồn của trang khi sử dụng trình duyệt Microsoft Edge trên PC là. F12 và CTRL+SHIFT+I

Làm cách nào để xem mã HTML của một phần tử trang cụ thể?

Thay vì xem mã HTML của toàn bộ trang, bạn có thể xem mã của các phần tử trang cụ thể bằng cách sử dụng tùy chọn KIỂM TRA PHẦN MỀM có sẵn trong tất cả các trình duyệt phổ biến như Google Chrome, Firefox và Safari

Quá trình này là đơn giản. Mở trang trong cửa sổ trình duyệt mới và sau đó đánh dấu một phần của trang bằng chuột

Nhấp chuột phải rồi chọn KIỂM TRA từ menu thả xuống

Thao tác này sẽ mở công cụ dành cho nhà phát triển và hiển thị cho bạn mã HTML được liên kết với phần tử hoặc phần trang cụ thể

Dưới đây là bản trình diễn nhanh về cách thực hiện việc này bằng Google Chrome

Mã HTML của tôi ở đâu?
Xem mã của phần tử trang bằng INSPECT

Làm cách nào để tải xuống toàn bộ mã nguồn trang web?

Để tải xuống mã nguồn HTML của một trang web, hãy điều hướng bằng trình duyệt yêu thích của bạn đến trang, sau đó chọn LƯU TRANG NHƯ từ menu TỆP. Sau đó, bạn sẽ được nhắc chọn xem bạn muốn tải xuống toàn bộ trang (bao gồm cả hình ảnh) hay chỉ mã nguồn

Các tùy chọn tải xuống là phổ biến cho tất cả các trình duyệt

Trang web, Hoàn thành. Tải xuống mã nguồn của trang và tất cả hình ảnh, tệp CSS và tập lệnh js được liên kết với trang cụ thể. Tất cả các tập tin được lưu trong một thư mục. Điều này rất hữu ích khi bạn cần tải xuống hình ảnh cùng với mã HTML

Trang web, Tệp đơn. Tải xuống trang trong MHTML (viết tắt của MIME HTML). Đây là một dạng HTML bao gồm cả mã của trang web và bất kỳ tài nguyên bên ngoài nào

Trang Web, Chỉ HTML. Tải xuống HTML và bất kỳ phần tử nào khác (như Mã Java Script được nhúng) được tìm thấy trong phần nội dung của trang

Tại sao biết cách xem mã nguồn của trang web lại quan trọng?

Có nhiều trường hợp sử dụng mà bạn có thể muốn kiểm tra mã nguồn của trang web, phổ biến nhất là

Check for the occurrence of H1 tags – Best SEO practices indicate a page should have only one H1 tag. To check if this is the case with your website, you can navigate to one of your posts, and using any of the methods described above, you can view the HTML source code of the page. You can then search for

and see if there is more than one H1 tag on the page.

Kiểm tra xem các liên kết có phải là nofollow hay không – Một trong những cách để tìm hiểu xem một liên kết có thêm thẻ nofollow hay không (điều này làm cho nó ít quan trọng hơn đối với thứ hạng SEO) là xem mã HTML của một trang và kiểm tra sự xuất hiện của từ 'nofollow' . Bạn có thể làm điều này để kiểm tra các liên kết trên trang web của bạn hoặc bất kỳ trang web nào khác

Tối ưu hóa tốc độ trang web của bạn – Một lý do chính đáng để phân tích mã nguồn trang web của bạn là khi tối ưu hóa tốc độ trang của bạn. Khi bắt đầu, bạn có thể xem HTML của một trang và cố gắng xác định các phần tử (bao gồm tệp JS và CSS) có thể bị xóa để làm cho kích thước trang nhỏ hơn và tải xuống nhanh hơn. Sau đó, với sự trợ giúp của các công cụ khác (như Thông tin chi tiết về tốc độ trang của Google), bạn có thể tiếp tục tối ưu hóa mã của mình hơn nữa

Chìa khóa học tập

Thật dễ dàng để xem hoặc lưu mã nguồn của một trang web. Quá trình này giống nhau cho tất cả các trình duyệt. Bước đầu tiên là điều hướng đến trang bạn muốn và sau đó bạn có thể xem HTML bằng phím tắt

Bạn có thể tùy chọn tải xuống mã dưới dạng tệp văn bản. Để xem mã HTML của một thành phần trang cụ thể, hãy sử dụng chức năng KIỂM TRA là một phần của công cụ của nhà phát triển

Mã HTML nằm ở đâu?

Trong Internet Explorer, nhấp vào “Xem” rồi nhấp vào “Nguồn. ” Trong Chrome, nhấp vào “Công cụ”, sau đó nhấp vào “Xem nguồn. ” Trong Mozilla Firefox, nhấp vào “Công cụ. ” Di chuột qua “Nhà phát triển web” để mở menu bên và sau đó nhấp vào “Nguồn trang. ” Trong Opera, di chuột qua “Trang” để mở menu bên

Tại sao mã HTML của tôi không hiển thị?

Lý do có thể. Có thể bạn chưa lưu các thay đổi sau khi viết mã (rất có thể). Sự cố với trình duyệt (tải trong trình duyệt khác) Kiểm tra tiện ích mở rộng (chỉ để làm rõ)

Mã HTML trong Chrome ở đâu?

Google Chrome .
Nhấp vào biểu tượng trình đơn. trên thanh công cụ của trình duyệt
Chọn Công cụ khác, sau đó Xem nguồn