HTML động hay DHTML (viết tắt tiếng Anh: Dynamic HTML) là một thể hiện của việc tạo ra một trang web bằng cách kết hợp các thành phần: ngôn ngữ đánh dấu HTML tĩnh, ngôn ngữ kịch bản máy khách (như là Javascript), và ngôn ngữ định dạng trình diễn Cascading Style Sheets và Document Object Model (DOM).
DHTML có thể được sử dụng để tạo ra 1 ứng dụng trên trình duyệt web: ví dụ như dễ dàng điều hướng, tạo một đơn web tương tác với người dùng hoặc tạo ra một bài tập sử dụng cho e-learning.
Đặc trưng của một trang web sử dụng DHTML được cấu thành như sau:
<html lang="en"> <head> <meta charset="utf-8"> <title>DHTML exampletitle> head> <body> <div id="navigation">div> <script> var init = function () { myObj = document.getElementById("navigation"); //... manipulate myObj }; window.onload = init; script> body> html>
Thường thì mã JavaScript được lưu giữ trong một tập tin riêng, được nạp vào trang web bằng liên kết đến tập tin chứa mã JavaScript:
<script src="script.js">script>
Đoạn mã dưới đây minh họa một chức năng thường được sử dụng. Phần thêm vào của trang web sẽ chỉ được hiển thị nếu người dùng yêu cầu nó. Như trong e-learning chức năng này sử dụng để hiển thị gợi ý được thêm vào.
<html lang="en"> <head> <meta charset="utf-8"> <title>Ví dụtitle> <style> a {background-color:#eee;} a:hover {background:#ff0;} #toggleMe {background:#cfc; display:none; margin:30px 0; padding:1em;} style> head> <body> <h1>Ví dụh1> <h2><a id="showhide" href="#">Hiển thị ví dụa>h2> <p id="toggleMe">Đây là ví dụ: văn bản chỉ hiển thị khi bấm chuột vào liên kết.p> <p>Thêm văn bản thường...p> <script> changeDisplayState = function (id) { var d = document.getElementById('showhide'), e = document.getElementById(id); if (e.style.display === 'none' || e.style.display === '') { e.style.display = 'block'; d.innerHTML = 'Dấu ví dụ'; } else { e.style.display = 'none'; d.innerHTML = 'Hiển thị ví dụ'; } }; document.getElementById('showhide').onclick = function () { changeDisplayState('toggleMe'); return false; }; script> body> html>
Định dạng tập tin XHTML chứa một slideshow có thể xem được trên chế độ projector theo từng slide một (có thể. Định dạng sẽ được thực hiện bởi CSS.
This article uses material from the Wikipedia Tiếng Việt article HTML động, which is released under the Creative Commons Attribution-ShareAlike 3.0 license ("CC BY-SA 3.0"); additional terms may apply (view authors). Nội dung được phát hành theo CC BY-SA 4.0, ngoại trừ khi có ghi chú khác. Images, videos and audio are available under their respective licenses.
®Wikipedia is a registered trademark of the Wiki Foundation, Inc. Wiki Tiếng Việt (DUHOCTRUNGQUOC.VN) is an independent company and has no affiliation with Wiki Foundation.