Thẻ lặp trong html là gì?

Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm

Thuộc tính của thẻ HTML Hướng dẫn thêm hình ảnh vào tài liệu web của bạn

2 làm gì? Trước đây được sử dụng để chỉ định số lần video sẽ phát, khi được sử dụng cùng với thuộc tính dynsource. Cả hai thuộc tính đều không được dùng nữa

Mã ví dụ

3 và

4

Trước khi HTML Media ra đời, đã có một số phương pháp cố gắng khác nhau để nhúng video vào một trang web. Một ví dụ đáng chú ý là thuộc tính

3 [nguồn động], làm quá tải thẻ

6 với tệp video. [Bạn có thể đọc thêm về nó trên trang của chúng tôi về thuộc tính

3]

Trong thời gian sử dụng

3, kết nối internet chậm và băng thông đắt đỏ, vì vậy hầu hết các video được trình bày bằng phương pháp này đều rất ngắn và thường không chứa âm thanh [phần lớn nhất của nhiều tệp video]. Sau đó, thông thường, chỉ cần để bộ phim lặp lại một hoặc nhiều lần [hoặc vô thời hạn]. Thuộc tính

4, khi được sử dụng cùng với thuộc tính

3, đã chỉ định số lần lặp lại video. Bạn có thể đặt nó lặp lại vô hạn bằng cách đặt thuộc tính thành

2

Không cái nào trong số này hoạt động nữa

Video và vòng lặp HTML5

HTML5 cung cấp phần tử

3, giúp nhúng phim rất dễ dàng. Bạn thậm chí có thể bao gồm một hình ảnh dưới dạng nội dung "dự phòng", phản ánh chức năng ban đầu của thuộc tính

3

Thẻ

3 cũng có thuộc tính

4, nhưng không chấp nhận bất kỳ giá trị nào. Nếu có, video chỉ phát liên tục cho đến khi người dùng dừng lại

[Nếu bạn muốn thực sự phiền phức, bạn có thể bao gồm thuộc tính

7 và không bao gồm thuộc tính

8. Sau đó, người dùng sẽ không thể dừng video. Có lẽ bạn không nên làm điều này. ]

Thẻ phức tạp nhất mà bạn có thể sử dụng trong các mẫu là thẻ [loop]. Ưu điểm là thẻ này cũng rất mạnh. Sử dụng thẻ [vòng lặp], bạn có thể đánh dấu mã để lặp lại ở cấp độ tài liệu, chẳng hạn để lặp lại một bài báo. Trong trường hợp này, bạn có thể tạo một bản tin với mười bài báo dễ dàng như một bản tin với một bài báo. Cũng có thể lồng các thẻ này. Một ví dụ đơn giản trông như thế này

[loop name="example"]
    Code to repeat
[/loop]

Ví dụ này chưa thực sự hữu ích. Tính hữu ích thực sự của thẻ [vòng lặp] thể hiện rõ nhất nếu bạn thêm nhiều thẻ hơn trong vòng lặp, ví dụ: để tạo một số đoạn có hộp văn bản và mỗi đoạn có một hình ảnh

[loop name="myloop"]
    

        

            

                
[text name="mytext"]
                
[image name="myimage"]
            
        
    
[/loop]

Người tạo tài liệu có thể chọn số lần lặp của vòng lặp sẽ được đặt trong tài liệu cụ thể đó. Tất nhiên, số 0 là một giá trị hợp lệ, vì không phải lúc nào bạn cũng cần thêm nội dung này và không hiển thị bất kỳ nội dung nào trong mẫu khi được sử dụng. Bằng cách này, bạn có thể thêm nội dung có điều kiện

Copernica khuyên bạn nên đặt tên cho tất cả các thẻ bạn sử dụng trong tài liệu bằng thuộc tính tên. Điều này sẽ đảm bảo rằng tài liệu của bạn vẫn nguyên vẹn khi bạn thay đổi thứ tự của các thẻ hoặc quyết định thêm một thẻ mới để bổ sung thêm nội dung. Trong trường hợp khối [vòng lặp], tên này thậm chí có thể được sử dụng cho tập lệnh và câu lệnh if, chúng ta sẽ thảo luận sau

Giá trị tối thiểu và tối đa

Người dùng thường được tự do xác định số lần lặp, nhưng cũng có thể thêm số lần lặp tối thiểu hoặc tối đa trong mẫu. Điều này có thể đạt được bằng cách sử dụng các thuộc tính tối thiểu và tối đa, như được hiển thị bên dưới

________số 8

Cả hai thuộc tính là hoàn toàn tùy chọn

Mã bắt đầu và kết thúc

Sử dụng mã bắt đầu và kết thúc, có thể thêm mã tương ứng vào đầu và cuối vòng lặp. Mã này chỉ được sử dụng khi có ít nhất một lần lặp, làm cho nó ẩn khi khối không được sử dụng

[loop name="example" begin="" end=""]
    
        [text]
    
[/loop]

Ví dụ đơn giản sau đây chứa một bảng có số lượng hàng thay đổi, nhưng bạn có thể thêm bất kỳ mã HTML nào, chẳng hạn như một lớp để xử lý bố cục

biến mẫu

Các biến mẫu có thể được sử dụng để tạo các vòng lặp mạnh mẽ hơn nữa. Chúng tương tự như các biến cá nhân hóa, nhưng chỉ chứa thông tin về trạng thái của vòng lặp. Các biến sau đây có sẵn

• [vòng lặp $. naamvanloop. index] - tổng số lần lặp lại
• [vòng lặp $. naamvanloop. lặp] - lặp hiện tại
• [vòng lặp $. naamvanloop. first] - giá trị boolean để biểu thị lần lặp đầu tiên
• [vòng lặp $. naamvanloop. last] - giá trị boolean để biểu thị lần lặp cuối cùng

Bạn có thể sử dụng các vòng lặp này để thêm một số chi tiết vào vòng lặp, chẳng hạn như để cải thiện bố cục

0

Trong ví dụ trên, bạn thấy một vòng lặp của các đoạn văn. Số lượng đoạn văn sẽ được sử dụng có thể được xác định ở cấp độ tài liệu. Sau mỗi đoạn kẻ một đường ngang để ngăn cách nó với đoạn bên dưới. Tuy nhiên, vòng lặp if xác định rằng điều này không được thực hiện cho lần lặp cuối cùng, do đó không có dòng nào dưới đoạn cuối cùng

Các biến mẫu cũng có sẵn trong các vòng lặp lồng nhau, nhưng yêu cầu tên của vòng lặp đầu tiên, như thế này

1

Bên trong trình tạo mẫu, Copernica sử dụng công cụ Smarty của PHP để đọc các mẫu. Thay vì dấu ngoặc nhọn Smarty tiêu chuẩn, chúng tôi sử dụng dấu ngoặc vuông, mặc dù tất cả những dấu ngoặc này đều là hàm Smarty thông thường. Điều này có nghĩa là bạn có thể sử dụng tất cả các thủ thuật và khả năng mà Smart cung cấp miễn là bạn sử dụng dấu ngoặc vuông để thay thế. Thông tin thêm về Smarty có tại đây

Làm cách nào để lặp văn bản trong HTML?