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;
}Vietnix – Nhà cung cấp dịch vụ NVMe Hosting chất lượng cao và ổn định
Với hơn 12 năm kinh nghiệm, được hợp tác và đồng hành cùng hơn 80.000 khách hàng trong và ngoài nước, Vietnix đã mang đến nhiều dịch vụ web hosting chất lượng cao, ổn định và bảo mật. Dịch vụ NVMe Hosting của Vietnix nổi bật với phần cứng cao cấp, bao gồm CPU Intel Xeon Gold và ổ cứng NVMe, mang lại hiệu suất vượt trội và tốc độ nhanh gấp 10 lần so với SSD truyền thống. Sự kết hợp với công nghệ LiteSpeed Enterprise giúp tối ưu hóa tốc độ tải trang, nâng cao trải nghiệm người dùng và hỗ trợ SEO hiệu quả.
Thông tin liên hệ:
- Hotline: 18001093
- Email: sales@vietnix.com.vn
- Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh.
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.
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.
