Nội dung động có nghĩa là gì?
Nội dung động trong bối cảnh HTML và các trang web đề cập đến nội dung trang web liên tục hoặc thường xuyên thay đổi dựa trên tương tác người dùng, thời gian và các tham số khác xác định nội dung nào được gửi cho người dùng.
Điều này có nghĩa là nội dung của trang web có thể khác nhau đối với mọi người dùng vì các tham số khác nhau.
Techopedia giải thích nội dung năng động
Một trang web Nội dung động của trang web dựa trên những gì một máy chủ web cung cấp cho trình duyệt máy khách. Đây có thể là văn bản, video, quảng cáo khác nhau hoặc thậm chí là một bố cục và bảng màu hoàn toàn khác nhau nếu trang web cung cấp các tùy chọn như thế này.
Bất kỳ yếu tố nào trong một trang có chứa chuyển động và có thể thay đổi theo thời gian cũng có thể được coi là nội dung động, vì vậy một trang web có nhiều hình ảnh động cho tương tác của người dùng, ngay cả khi không có nội dung thay đổi động, vẫn có thể được coi là một trang web động vì các yếu tố thay đổi tùy thuộc vào bối cảnh hoặc điều kiện.
Facebook là một ví dụ tuyệt vời về một trang web cung cấp nội dung động, vì mọi người dùng đều có nội dung khác nhau dựa trên bạn bè và các tương tác xã hội của họ, mặc dù bố cục vẫn giữ nguyên.
Có hai cách để cung cấp nội dung động.
Kịch bản và khung hình khách hàng
Sử dụng kịch bản và khung hình khách như JavaScript, Ajax và Bootstrap để thay đổi hành vi UI trong một trang web cụ thể để đáp ứng với các hành động và thời gian của người dùng cụ thể.
Điều này mang lại hành vi năng động cho bản trình bày UI. Điều này thường được sử dụng trong các ứng dụng web và các trang web tương tác.
Kịch bản và xử lý phía máy chủ
Sử dụng tập lệnh và xử lý phía máy chủ để tạo động cả bố cục và nội dung sẽ được gửi cho người dùng dựa trên các tham số như vị trí của người dùng, thời gian trong ngày, trình duyệt đang được sử dụng hoặc tùy chọn người dùng.
Một số ví dụ tốt về điều này là các trang web mạng xã hội và trang web phân phối nội dung.
Các trang web mạng xã hội như Facebook và Twitter cung cấp nội dung hoàn toàn khác nhau cho mỗi người dùng vì sự khác biệt của kết nối và dịch vụ đăng ký của họ, trong khi các trang web như YouTube và Amazon cung cấp nội dung động dựa trên các tùy chọn dành riêng cho người dùng dựa trên các giao dịch mua hoặc lượt xem trước đây.
Máy chủ cung cấp các mục hoặc nội dung được đề xuất mà người dùng có thể thích dựa trên dữ liệu lịch sử.
Cải thiện bài viết
Lưu bài viết
Cải thiện bài viết
Lưu bài viết
Đọc
Bàn luận
- Trong bài viết này, chúng ta sẽ biết cách tạo một trang HTML động bằng cách sử dụng HTML, CSS và JavaScript. Trước tiên chúng tôi biết những gì thực sự là một trang HTML động.
- Trang HTML động, như tên cho thấy đề cập đến một trang HTML năng động theo cách mà nó có thể tùy chỉnh và có thể thay đổi theo đầu vào của người dùng. Ví dụ:-
Sử dụng CSS, chúng tôi có thể thay đổi màu nền của trang web mỗi khi người dùng nhấp vào nút trên trang web.
.
Sử dụng JavaScript, chúng tôi có thể yêu cầu người dùng nhập tên của mình và sau đó hiển thị nó một cách linh hoạt trên trang web.
Nếu bạn muốn biết thêm về các trang HTML động, bạn có thể xem bài viết này & NBSP; DHTML JavaScript.Taking username as input and dynamically changing the text content of web page
Hãy cho chúng tôi lấy một số ví dụ để biết cách tạo trang HTML động bằng HTML và CSS.
<!DOCTYPE HTML>
<html>
Ví dụ 1: Lấy tên người dùng làm đầu vào và tự động thay đổi nội dung văn bản của trang web
HTML
‘
Các
Các
<0<body2>
body4body5
body4body7
body8body9
body8style1
style2style3
body4style5
Các
style7body>
style7html>
Output:
<0<<0 style=<3<9=<6<7<0>Dynamically changing the background color of a webpage on each click
Hãy cho chúng tôi lấy một số ví dụ để biết cách tạo trang HTML động bằng HTML và CSS.
<!DOCTYPE HTML>
<html>
<"text-align:center;"1>
Ví dụ 1: Lấy tên người dùng làm đầu vào và tự động thay đổi nội dung văn bản của trang web
<0style7body2>
style7"text-align:center;"1>
HTML
<0<<2<07<2>
‘
body4<21
<0style7html8>
<0<body2>
body4<31
body4body7
body8<35
body8<37
Các
body4style5
<0style7body2>
style7body>
style7html>
Output: