Đây là ví dụ về một đoạn Markdown có các thuộc tính HTML tùy chỉnh:
class, id và attribute='value'.
Vị trí
Đây là đoạn Markdown có thuộc tính class tùy chỉnh có tên là .LongFoo.
Ngoài ra, thuộc tính này còn có một thuộc tính tùy chỉnh id có tên là #next-line để bạn có thể
liên kết trực tiếp với thuộc tính đó. Các thuộc tính này được chỉ định ở dòng tiếp theo.
Đây là đoạn Markdown có thuộc tính class tùy chỉnh có tên là .LongFoo.
Ngoài ra, thuộc tính này còn có một thuộc tính tùy chỉnh id có tên là #same-line để bạn có thể
liên kết trực tiếp với thuộc tính đó. Các thuộc tính này được chỉ định trên cùng một
dòng.
Đoạn Markdown này không chứa các thuộc tính tùy chỉnh. Có các thuộc tính
tùy chỉnh được chỉ định trong đoạn sau, nhưng sẽ không được áp dụng cho đoạn này vì có các dòng trống phía trước. Đoạn
sau có thuộc tính class tên là .LongFoo. Thuộc tính này cũng có
một thuộc tính tùy chỉnh id có tên là #blank-line, nhưng thuộc tính này sẽ không
liên kết trực tiếp đến thuộc tính đó.
Khoảng mã
code span này có một thuộc tính class tùy chỉnh có tên là .CSFoo
ngay sau dấu phẩy ngược mà không có dấu cách ở giữa.
Chặn mã
Sau đây là ví dụ về một thuộc tính id tùy chỉnh có tên là #mysample trong
một khối mã để bạn có thể liên kết trực tiếp đến thuộc tính đó:
print('hello world')
Tiêu đề
Để áp dụng một thuộc tính tùy chỉnh cho một tiêu đề (hoặc bất kỳ phần tử nào khác ngoài đoạn văn), hãy đặt thuộc tính ở cuối dòng.
Tiêu đề có thuộc tính lớp
Tiêu đề này có một thuộc tính tùy chỉnh class có tên là .customClass, được chỉ định trên cùng một dòng với tiêu đề.
Tiêu đề có neo gắn tên
Tiêu đề này có một thuộc tính tùy chỉnh id có tên là #named-heading. Thuộc tính này cũng
được xác định trên cùng dòng với tiêu đề để bạn có thể
liên kết trực tiếp đến tiêu đề đó.
Links
Đây là
ví dụ về đường liên kết nội tuyến
có thuộc tính title. Chú giải công cụ Bây giờ bạn sẽ thấy tôi xuất hiện khi bạn di chuột qua liên kết.
Đây là ví dụ về một đường liên kết nội tuyến khác không có thuộc tính title. Không có văn bản nào xuất hiện khi bạn di chuột qua
đường liên kết.
Danh sách
Sau đây là ví dụ về một danh sách sử dụng các thuộc tính tùy chỉnh:
- Mục trong danh sách này có thuộc tính
classtùy chỉnh có tên là.ListFoovà thuộc tính tùy chỉnhidcó tên là#first-item. - Mục danh sách này có thuộc tính
idtùy chỉnh có tên là#second-item.
id tùy chỉnh cho từng mục trong danh sách cho phép bạn liên kết trực tiếp
mục danh sách đầu tiên và mục danh sách thứ hai.
Bảng
Bảng này có một thuộc tính tùy chỉnh class có tên là .TableFoo ở cuối hàng tiêu đề.
| Tiêu đề 1 | Tiêu đề 2 |
|---|---|
| Ô 1 | Ô 2 |
Bảng nhiều dòng này có một thuộc tính id tùy chỉnh có tên là #multi-line ở cuối hàng tiêu đề. Nhờ đó, bạn có thể liên kết trực tiếp đến bảng.
| Tiêu đề 1 tiếp tục trên dòng thứ hai | Tiêu đề 2 tiếp tục trên dòng thứ hai |
|---|---|
| Ô1 tiếp tục trên dòng thứ hai | Ô2 tiếp tục trên dòng thứ hai |