SMIL trong HTML

Internet Explorer có thể chạy trình diễn SMIL trong tệp HTML.

Chạy trình diễn SMIL trong IE

Bằng Internet Explorer 5.5 hoặc phiên bản cao hơn, bạn có thể chèn phần tử SMIL vào tệp HTML.

Bằng cách này, bất kỳ trình diễn SMIL nào cũng có thể chạy như một tệp HTML tiêu chuẩn trên mạng Internet.

Thêm tham chiếu

Nếu bạn muốn sử dụng phần tử SMIL trong HTML, bạn phải định nghĩa không gian tên "time" cho Internet Explorer, để có thể nhận diện các phần tử này. Hãy làm như sau:

  • Thêm định nghĩa không gian tên vào thẻ <html>
  • Thêm phần tử <?import> để nhập không gian tên "time"

Nếu bạn muốn thêm thuộc tính SMIL cho các phần tử HTML tiêu chuẩn, bạn phải định nghĩa lớp "time" cho Internet Explorer, để có thể nhận diện các thuộc tính này. Hãy làm như sau:

  • Thêm một phần tử <style> định nghĩa lớp "time"
<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="time" implementation="#default#time2">
  <style>.time {behavior: url(#default#time2)}</style>
</head>

Trong đoạn tiếp theo, bạn có thể xem ví dụ chạy hoàn chỉnh.

Thêm phần tử SMIL

Để chạy trình diễn SMIL trong HTML, chỉ cần thêm một tiền tố và một thuộc tính class cho phần tử SMIL:

<time:seq repeatCount="indefinite">
  <img class="time" src="image1.jpg" dur="3s" />
  <img class="time" src="image2.jpg" dur="3s" />
</time:seq>

Trong ví dụ trên, chúng tôi đã thêm lớp "time" cho phần tử <img> và thêm tiền tố "time" cho phần tử SMIL.

Lưu ý:Tên lớp và không gian tên không nhất thiết phải là "time". Bất kỳ tên nào cũng được.

Một ví dụ Internet Explorer

<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
  <?import namespace="time" implementation="#default#time2">
  <style>.time {behavior: url(#default#time2)}</style>
</head>
<body>
  <time:seq repeatCount="indefinite">
    <img class="time" src="image1.jpg" dur="3s" />
    <img class="time" src="image2.jpg" dur="3s" />
  </time:seq>
</body>
</html>

TIY