Id và BBCode [id] v1.2

[indent]Id và BBCode đặt id[/indent]

Bài viết này giới thiệu về "id" và BBCode id.

[hs1]Id[/hs1]
[box="border: 5px double black; float: left; margin-right: 5px; padding: 5px; background-color: #fff"]
[toc][/box][hs2]Id là gì?[/hs2]
[indent]Id là một dấu mốc cho phép người dùng nhảy tới một vị trí nào đó trong trang web hiện tại.
Ví dụ đơn giản nhất về sử dụng id đang nằm ở góc dưới bên phải màn hình, ở đó bạn thấy hai mũi tên chỉ lên và chỉ xuống, bấm vào mũi tên chỉ lên và bạn sẽ đi (sau này mình gọi là "nhảy") tới đầu trang và ngược lại. Đó là vì ở đầu trang và cuối trang đều được gắn sẵn một id, và khi bạn bấm vào nút bạn sẽ nhảy tới vị trí của id tương ứng.[/indent]

[hs2]Cách gắn id[/hs2]
[indent]Id được gắn thông qua BBCode id (sẽ giới thiệu sau), ngoài ra một số BBCode có thuộc tính cho phép bạn gắn id cho nó.
- Cách đặt tên cho id: Chỉ khuyến khích sử dụng các ký tự thường (a-z, A-Z), số (0-9) và dấu gạch nối (-). Không khuyến khích dùng dấu gạch dưới (_) và tuyệt đối không được sử dụng khoảng trắng.[/indent]

[hs2]Cách nhảy tới id[/hs2]
[indent]Id giống như số nhà, để đi tới đúng nhà trước tiên bạn phải có số nhà đã, trong trường hợp này là tên của id.
Để nhảy tới id, chúng ta thêm # và tên id đằng sau url hiện tại của trang.
Ví dụ đây là url hiện tại của trang http://www.gensokyovn.net/t1520-topic
Để nhảy tới id tên là abc, ta thêm #abc đằng sau url: http://www.gensokyovn.net/t1520-topic#abc
Bấm vào url ở trên và bạn sẽ nhảy tới vị trí mang id abc.



[id="ret"]Mừng bạn đã trở về.[/id]




[id="abc"]Đây là vị trí mang id abc.
Giờ hãy nhìn lên thanh địa chỉ, bạn sẽ thấy đằng sau url hiện tại đã có thêm "#abc" đằng sau.
[j="#ret"]Bấm vào đây để nhảy trở về[/j].[/id]
[/indent]

[hs2]Chú ý[/hs2]
[indent]Id trong một trang là duy nhất, không thể xuất hiện 2 id giống nhau trong cùng một trang (lẽ hiển nhiên là một con đường không thể có hai cái nhà có số nhà giống nhau), vì thế chú ý đặt id sao cho tránh bị trùng với id của người khác.[/indent]

[hs1]BBCode tạo id[/hs1]
[hs2]id[/hs2]
[indent][cbox][ob]id="{Tên id}"[cb]{Nội dung}[ob]/id[cb][/cbox]

[id="123"]Đoạn này đang mang id "123", bấm vào url bên dưới để nhảy tới đoạn này.[/id] http://www.gensokyovn.net/t1520-topic#123

[ob]id="123"[cb]Đoạn này đang mang id "123", bấm vào url bên dưới để nhảy tới đoạn này.[ob]/id[cb]

[/indent]

[hs2]Các thuộc tính khác của id[/hs2]
[indent][hs3]type[/hs3]
Thuộc tính này chỉ tiếp nhận một trong giá trị là force.
- Giá trị force cho id khả năng "xuyên thấu": Nếu nội dung chứa id nằm trong tab đang đóng, tab đó sẽ được mở tự động trước khi nhảy tới nội dung chứa id.
[cbox][ob]id="{Tên id}" type="force"[cb]{Nội dung}[ob]/id[cb][/cbox]
http://www.gensokyovn.net/t1520-topic#ax1
http://www.gensokyovn.net/t1520-topic#ax2
Trong bộ tab dưới đây, tab 2 có nội dung chứa id ax1, tab 3 có nội dung chứa id ax2.
Khi bạn bấm vào link 1, không có gì xảy ra, vì tab ax1 nằm trong tab đang đóng.
Khi bạn bấm vào link 2, tab 3 tự động mở và nhảy tới nội dung chứ id ax2, vì thuộc tính type của được khai báo là force.
[ibut]Tab 1[/ibut]
[ibut]Tab 2[/ibut]
[ibut]Tab 3[/ibut]
[itab]Nội dung tab 1[/itab]
[itab][id="ax1"]Nội dung tab 2, chứa id ax1[/id][/itab]
[itab][id="ax2" type="force"]Nội dung tab 3, chứa id ax2[/id][/itab]

Khai báo này vẫn hoạt động với cả tab thường
http://www.gensokyovn.net/t1520-topic#ax3
[tabs]
[tab="Tab 1"]Nội dung tab 1[/tab]
[tab="Tab 2"][id="ax3" type="force"]Nội dung tab 2, chứa id ax3[/id][/tab]
[/tabs]
[/indent]

[hs1]Changelog[/hs1]
- Ver 1.0 lên 1.1:
* Thêm thuộc tính type.
- Ver 1.1 lên 1.2:
* Giá trị tipin và tipout của thuộc tính type được loại bỏ.

[hs1]FAQ[/hs1]
[indent]Q: Điều gì xảy ra nếu có hai id giống nhau trong cùng một trang?
A: Thì khi nhảy id sẽ loạn xà ngầu cả lên.
Q: Tại sao lại không cho dùng dấu gạch dưới trong tên của id?
A: Vì một số thành phần của trang mang id chứa dấu gạch dưới, và vì thế khó tránh khỏi nguy cơ id trùng nhau. Tuy nhiên hành động cố ý đặt id trùng với id của trang sẽ bị phạt.
[id="fa_toolbar"]Đây là ví dụ, mình không làm bất kỳ điều gì nhưng đoạn này vẫn tự đổi sang chữ trắng nền đen chỉ vì mình gán cho nó id trùng với id của trang.[/id][/indent]