Việc sử dụng thẻ embed sẽ giúp bạn hiển thị nội dung đa phương tiện trực tiếp tại website của mình một cách dễ dàng, mang đến trải nghiệm tốt hơn cho người dùng. Bài viết dưới đây của Vietnix sẽ giới thiệu đến bạn định nghĩa cụ thể về thẻ embed trong HTML và những thuộc tính cơ bản của thẻ embed. Cùng theo dõi nhé.
Thẻ embed trong HTML là gì?
Trong HTML, thẻ embed dùng để nhúng một tài liệu bất kỳ vào trang web. Định dạng những tài liệu có thể là: Tập tin Pdf, audio, video, trang web hoặc tập tin flash,… Tuy nhiên, khi nhúng các tập tin audio, video và trang web thường sẽ không sử dụng thẻ embed. Bởi đối với những tập tin này người ta sẽ dùng những loại thẻ chuyên dụng như <audio>, <video> và <iframe>.
Lưu ý: Thẻ embed sẽ không có thẻ đóng.
Xem thêm: Thẻ iFrame trong HTML là gì? Cách sử dụng iFrame trong HTML
Những thuộc tính cơ bản của thẻ <embed>
Thẻ embed có 3 thuộc tính cơ bản gồm: src, width và height.
| Thuộc tính src | Thuộc tính width | Thuộc tính height |
|---|---|---|
| Xác định đường dẫn tới tài liệu mà bạn đang cần nhúng vào trang web. | Xác định được chiều rộng của phần tử <embed>. | Thể hiện chiều cao của phần tử <embed>. |
1. Thuộc tính src
Thuộc tính src được sử dụng để xác định đường dẫn tới tài liệu mà bạn cần nhúng vào trang web. Đường dẫn này có thể là đường dẫn tuyệt đối hoặc tương đối.
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<embed src="../file/don-xin-thoi-vie.pdf">
</body>
</html>2. Thuộc tính width
Thuộc tính width được sử dụng trong việc xác định chiều rộng của phần tử <embed>. Giá trị của thuộc tính này được xác định dựa theo 2 loại đơn vị dưới đây:
- px (pixel).
- % (tỷ lệ phần trăm chiều rộng của phần nội dung thuộc phần tử cha của nó).
Tuy nhiên, theo mặc định thì giá trị của thuộc tính này sẽ được xác định bằng đơn vị px (pixel).
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<embed src="../file/don-xin-thoi-viec.pdf" width="100">
</body>
</html>3. Thuộc tính height
Thuộc tính height sử dụng để xác định chiều cao của phần tử <height>. Để xác định giá trị của thuộc tính height bạn có thể dùng 2 loại đơn vị sau:
- px (pixel).
- % (tỷ lệ phần trăm chiều cao của phần nội dung thuộc phần tử cha của nó).
Trường hợp bạn muốn xác định chiều cao của phần tử <embed> với đơn vị % phần tử cha của nó bắt buộc cần có 1 chiều cao đã xác định.
Nhưng theo mặc định thì giá trị của thuộc tính height sẽ được xác định bằng đơn vị px.
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<embed src="../file/don-xin-thoi-viec.pdf" height="100">
</body>
</html>Xem thêm: Thẻ a trong HTML là gì? Các thuộc tính của thẻ a thông dụng là gì?
Thẻ embed trong định dạng CSS
Đa số các trình duyệt sẽ hiển thị phần tử <embed> theo định dạng CSS như dưới đây:
embed:focus {
outline: none;
}Câu hỏi thường gặp
Thẻ embed là gì?
Trong HTML, thẻ embed dùng để nhúng một tài liệu bất kỳ vào trang web. Định dạng những tài liệu có thể là: Tập tin Pdf, audio, video, trang web hoặc tập tin flash,… Tuy nhiên, khi nhúng các tập tin audio, video và trang web thường sẽ không sử dụng thẻ embed.
Thẻ embed có thuộc tính nào?
Thẻ embed có 3 thuộc tính là: Thuộc tính src, thuộc tính width, thuộc tính height.
Khi nhúng tài nguyên từ nguồn bên ngoài, tốc độ tải trang và hiệu suất của website có thể bị ảnh hưởng. Vì vậy, việc sử dụng dịch vụ hosting hoặc VPS tốc độ cao là lựa chọn tối ưu để cải thiện trải nghiệm người dùng.
Vietnix hiện đang cung cấp các gói hosting, VPS tốc độ cao giúp website tải nhanh dưới 1 giây khi sử dụng 100% ổ cứng SSD/NVMe. Các gói hosting và VPS của Vietnix không chỉ đảm bảo về tốc độ, sự ổn định cho trang web của bạn, mà còn bảo mật và an toàn dữ liệu website của bạn.
Với hơn 11 năm kinh nghiệm trong việc cung cấp dịch vụ hosting và VPS tại Việt Nam, đồng hành với hơn 50.000 khách hàng cá nhân và doanh nghiệp, Vietnix là lựa chọn đáng tin cậy nếu bạn đang tìm kiếm giải pháp hosting, VPS chất lượng.
Liên hệ với Vietnix để được hỗ trợ tư vấn chi tiết:
- Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh
- Hotline: 1800 1093
- Email: sales@vietnix.com.vn
Lời kết
Trên đây là toàn bộ nội dung liên quan đến thẻ embed trong HTML mà Vietnix đã giới thiệu đến bạn. Hy vọng bạn từ bài viết trên bạn có thể áp dụng được thẻ embed đúng cách lên website của mình. Nếu cần giải đáp những vấn đề liên quan đến thẻ embed bạn có thể để lại bình luận bên dưới.
