Làm cách nào để truy xuất mã html?

Cho dù bạn là nhà thiết kế web đang gỡ lỗi mã nguồn của trang web hay chỉ tò mò về mã của trang web trông như thế nào, bạn có thể xem mã nguồn HTML ngay trong Google Chrome. Có hai cách để xem mã nguồn HTML. Xem nguồn và kiểm tra bằng Công cụ dành cho nhà phát triển

Xem nguồn bằng Xem nguồn trang

Khởi động Chrome và chuyển đến trang web bạn muốn xem mã nguồn HTML. Nhấp chuột phải vào trang và nhấp vào “Xem nguồn trang” hoặc nhấn Ctrl + U để xem nguồn của trang trong một tab mới

Một tab mới mở ra cùng với tất cả HTML cho trang web, được mở rộng hoàn toàn và không được định dạng

Nếu bạn đang tìm kiếm một thành phần hoặc một phần cụ thể trong nguồn HTML, thì việc sử dụng Chế độ xem Nguồn sẽ rất tẻ nhạt và rườm rà, đặc biệt nếu trang sử dụng nhiều JavaScript và CSS

Kiểm tra nguồn bằng Công cụ dành cho nhà phát triển

Phương pháp này sử dụng ngăn Công cụ dành cho nhà phát triển trong Chrome và là một cách tiếp cận rõ ràng hơn nhiều để xem mã nguồn. HTML ở đây dễ đọc hơn nhờ định dạng bổ sung và khả năng thu gọn các phần tử mà bạn không muốn xem

Mở Chrome và truy cập trang bạn muốn kiểm tra; . Một ngăn được neo sẽ mở dọc theo trang web bạn đang xem

Nhấp vào mũi tên nhỏ màu xám bên cạnh một phần tử để mở rộng phần tử đó hơn nữa

Nếu bạn không muốn xem toàn bộ mã của trang theo mặc định mà muốn kiểm tra một phần tử cụ thể trong HTML, hãy nhấp chuột phải vào khoảng trống đó trên trang, sau đó nhấp vào “Kiểm tra. ”

Lần này, khi khung mở ra, nó sẽ chuyển trực tiếp đến phần mã chứa thành phần mà bạn đã nhấp vào

Nếu muốn thay đổi vị trí dock, bạn có thể di chuyển nó xuống dưới, sang trái, phải hoặc thậm chí bỏ dock vào một cửa sổ riêng. Nhấp vào biểu tượng menu (ba dấu chấm), sau đó chọn bỏ gắn vào một cửa sổ riêng, gắn vào bên trái, gắn vào dưới cùng hoặc gắn vào bên phải, tương ứng

Thats tất cả để có nó. Khi bạn xem xong mã, hãy đóng tab Xem nguồn hoặc nhấp vào 'X' trong ngăn Công cụ dành cho nhà phát triển để quay lại trang web của bạn

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

Tại sao mã HTML của tôi không hiển thị trong trình duyệt?

Làm cách nào tôi có thể xem kết quả của mã HTML?