html lesson part (b:includable)

b:includable được sử dụng để chèn một phần mã mà bạn muốn sử dụng lại ở một số nơi khác nhau hoặc chỉ bao gồm trong một số trường hợp nhất định.
Để thực hiện việc này thì ta viết nội dung bên trong một thẻ b:includable, sau đó sử dụng b:include bất cứ nơi nào bạn muốn nội dung đó xuất hiện.

Cấu trúc thẻ (b:includable structure):
< b:includable id='main' var='thiswidget' >
[insert whatever content you want here]
< / b:includable >

Thuộc tính thẻ (b:includable attributes):
.id – (Required: Bắt buộc)
Một mã định danh duy nhất được tạo thành từ các chữ cái và số.
Mỗi tiện ích (widget) phải có một includable với id = 'main'.
.var (optional)
Một mã định danh bao gồm các chữ cái và số dùng để tham chiếu dữ liệu trong section.
Nếu tạo thêm các includables bao gồm các id khác nhau, chúng sẽ không được hiển thị tự động.
Tuy nhiên, nếu bạn tạo ra một includable với id='new', thì bạn có thể tham chiếu nó trong phần tử chính của includable với thẻ: < b:include name='new' / >.
Thuộc tính thẻ (b:include attributes):
.name (required):
Định danh được tạo thành từ các chữ cái và số. Nó phải khớp với id của một b:includable hiện có trong cùng một tiện ích (widget).
.data (optional):
Một biểu thức hoặc một phần dữ liệu để chuyển cho phần includable section. Giá trị này sẽ trở thành giá trị của thuộc tính var trong includable.
.cond (optional)
Một biểu thức điều kiện thi hành chỉ thực thi khi kết quả của nó là đúng. Điều này giống với thuộc tính cond trên một thẻ b: if.
Example (ví dụ):
Đây là một ví dụ cho thấy cách sử dụng b:includable và b:include.
< b:includable id='main' >
< b:loop var='p' index='index' values='posts' >
< b:include name='post' data='p' cond='index < 10' / >
< / b:loop >
< / b:includable >
< b:includable id='post' var='post' >
Title: < data:post.title / >
< / b:includable >