Tìm hiểu làm thế nào để bao gồm các đoạn trích HTML trong HTML.
HTML
Lưu HTML bạn muốn đưa vào tệp .html:
content.html
Google Maps Nút hoạt hình Box Modal Hộp hoạt hình Tiến trình Thanh treo lơ lửng nhấp vào Dropdowns Bảng đáp ứng bảng
Animated Buttons
Modal Boxes
Animations
Progress Bars
Hover Dropdowns
Click Dropdowns
Responsive Tables
Bao gồm HTML
Bao gồm HTML được thực hiện bằng cách sử dụng thuộc tính W3-Include-HTML:w3-include-html attribute:
Thí dụ
Thêm JavaScript
HTML bao gồm được thực hiện bởi JavaScript.
Thí dụ
function includeHTML() {
var z, i, elmnt, file, xhttp;
/* Loop through a collection of all HTML elements: */
z = document.getElementsByTagName("*");
for (i = 0; i < z.length; i++) {
elmnt = z[i];
/*search for elements with
a certain atrribute:*/
file = elmnt.getAttribute("w3-include-html");
if (file) {
/* Make an HTTP request using the attribute value as the file name: */
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4) {
if (this.status == 200) {elmnt.innerHTML = this.responseText;}
if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
/* Remove the attribute, and call this function once more: */
elmnt.removeAttribute("w3-include-html");
includeHTML();
}
}
xhttp.open("GET", file, true);
xhttp.send();
/* Exit the function: */
return;
}
}
}
Thêm JavaScript
HTML bao gồm được thực hiện bởi JavaScript.
hàm bao gồmHtml () {& nbsp; var z, i, elmnt, file, xhttp; & nbsp; / * Loop thông qua một bộ sưu tập tất cả các yếu tố HTML: */& nbsp; z = document.getElsByTagName ("*"); & nbsp; for (i = 0; i Trang web> Blog. Nếu bạn có kế hoạch thêm mã vào một trang trang web, hãy điều hướng đến Marketing> Trang web> Trang web.Marketing > Website > Blog. If you’re planning to add the code to a website page, navigate to Marketing > Website > Website Pages.
- Tìm bài đăng hoặc trang mà bạn muốn thêm mã nhúng vào. Di chuột qua nó, sau đó nhấp vào Chỉnh sửa.Edit.
- Nhấp vào mô -đun nơi bạn muốn thêm mã nhúng. Một thanh tùy chọn sẽ xuất hiện gần đỉnh màn hình. Ở phía bên phải, nhấp vào chèn.Insert.
- Chọn nhúng từ menu thả xuống.Embed from the drop-down menu.
- Một cửa sổ bật lên sẽ xuất hiện. Dán mã iframe vào thanh văn bản.
- Nhấp vào chèn.Insert.
- Hoàn thành! Bạn có thể chỉnh sửa chiều rộng và chiều cao của nội dung nhúng để tùy chỉnh nó thêm.
Để truy cập Trình chỉnh sửa HTML, hoàn thành các bước 1-3 ở trên. Trên thanh Tùy chọn hàng đầu, bấm nâng cao> Mã nguồn. Sau đó, bạn có thể dán mã nhúng của bạn theo cách thủ công. Lưu ý rằng kết quả cuối cùng là như nhau.Advanced > Source Code. You can then paste your embed code manually. Note that the end result is the same.
WordPress
Để dán mã nhúng vào trang web WordPress của bạn, hãy sử dụng các bước sau:
- Truy cập khu vực quản trị của bạn và đi đến các trang hoặc bài viết.Pages or Posts.
- Nhấp vào tiêu đề của bài đăng mà bạn muốn thêm mã nhúng vào. Hành động này sẽ đưa bạn đến biên tập viên bài.
- Nhấp vào tab Văn bản ở góc trên bên phải của trình soạn thảo văn bản.Text tab on the upper right-hand corner of the text editor.
- Dán mã nhúng của bạn nơi bạn muốn mô -đun xuất hiện.
3. Hoàn thành! Bạn đã nhúng nội dung vào trang web hoặc blog của bạn.
Khi bạn tải lại trang, bài đăng xã hội nhúng của bạn sẽ xuất hiện.
Thêm nội dung nhúng để tăng sự tham gia của người dùng
Bằng cách nhúng nội dung bên ngoài trên các trang và bài đăng của bạn, bạn có thể tăng sự tham gia trên trang web của mình và khiến khách truy cập trang web của bạn tương tác với nội dung bạn đăng trên phương tiện truyền thông xã hội. Phần tốt nhất là nó rất dễ thực hiện - chỉ cần tạo mã nhúng, dán nó vào trình chỉnh sửa HTML của bạn và xem sự tham gia của người dùng của bạn tăng lên.
Lưu ý của biên tập viên: Bài đăng này ban đầu được xuất bản vào tháng 9 năm 2013 và đã được cập nhật về tính toàn diện.