Thuộc tính id trong HTML, thẻ ID

Bài viết trước bạn đọc đã cùng Taimienphi.vn tìm hiểu về thuộc tính class trong HTML. Bài viết tiếp theo dưới đây Taimienphi.vn sẽ giới thiệu tiếp cho bạn về thuộc tính id trong HTML.

Thuộc tính id chỉ định một id duy nhất cho phần tử HTML (giá trị này phải là duy nhất trong tài liệu HTML). Tham khảo tiếp bài viết dưới đây của Taimienphi.vn để tìm hiểu chi tiết thuộc tính id trong HTML.

thuoc tinh id trong html

Thuộc tính id trong HTML

 

Mục Lục bài viết:
1. Thuộc tính id trong HTML
2. Thuộc tính class và id trong HTML có gì khác nhau?
3. Tạo bookmark trong HTML
4. Sử dụng thuộc tính id trong JavaScript

 

1. Thuộc tính id trong HTML

CSS và JavaScript có thể sử dụng giá trị id để thực hiện các tác vụ cụ thể cho phần tử với giá trị id được chỉ định.

Trong CSS, để chọn phần tử có id cụ thể, chúng ta sử dụng ký tự (#), sau đó là id của phần tử.

Ví dụ: Trong ví dụ dưới đây chúng ta sử dụng CSS để tìm phần tử có id là "Taimienphi.vn":

thuoc tinh id trong html

Kết quả trả về có dạng như dưới đây:

thuoc tinh id trong html 2

Lưu ý:

- Thuộc tính id có thể được sử dụng trên phần tử HTML bất kỳ.

- Giá trị id phải viết hoa.

- Giá trị id phải chứa ít nhất một ký tự và không chứa khoảng trắng (dấu cách, tab, ...).

 

2. Thuộc tính class và id trong HTML có gì khác nhau?

Mỗi phần tử trong HTML chỉ có một id duy nhất, ngược lại một tên lớp có thể được sử dụng bởi nhiều phần tử khác.

Ví dụ: tham khảo ví dụ dưới đây để tìm hiểu giữa thuộc tính class và id trong HTML có gì khác nhau:

thuoc tinh id trong html 3

Kết quả trả về có dạng như dưới đây:

thuoc tinh id trong html 4

 

3. Tạo bookmark trong HTML

Bookmark trong HTML được sử dụng để cho phép người đọc chuyển đến các phần cụ thể trên trang web.

Bookmark đặc biệt hữu ích, nhất là trên các trang web dài.

Để tạo bookmark trong HTML, trước tiên chúng ta phải tạo một bookmark, sau đó thêm link cho bookmark đó.

Khi người dùng click vào link, trang sẽ cuộn đến vị trí có bookmark.

Ví dụ: trong ví dụ dưới đây chúng ta sẽ tạo một bookmark trong HTML:

Đầu tiên chúng ta sử dụng thuộc tính id để tạo bookmark:

thuoc tinh id trong html 5

Bước tiếp theo là thêm link vào bookmark (nhay sang chuong 4) trên cùng một trang:

thuoc tinh id trong html 6

Hoặc thêm link vào bookmark (nhay sang chuong 4) từ trang khác:

thuoc tinh id trong html 7

thuoc tinh id trong html 8

Kết quả trả về có dạng như dưới đây:

thuoc tinh id trong html 9

 

4. Sử dụng thuộc tính id trong JavaScript

JavaScript có thể truy cập một phần tử với id được chỉ định bằng cách sử dụng phương thức getElementById().

Ví dụ: Trong ví dụ dưới đây chúng ta sử dụng thuộc tính id để thao tác với văn bản bằng JavaScript:

thuoc tinh id trong html 10

Kết quả trả về có dạng như dưới đây:

thuoc tinh id trong html 11

Như vậy bài viết trên đây Taimienphi.vn vừa giới thiệu cho bạn về thuộc tính id trong HTML. Ngoài ra nếu có bất kỳ thắc mắc hoặc câu hỏi nào cần giải đáp, bạn đọc có thể để lại ý kiến của mình trong phần bình luận bên dưới bài viết nhé.

http://thuthuat.taimienphi.vn/thuoc-tinh-id-trong-html-50637n.aspx
Trong bài viết tiếp theo Taimienphi.vn sẽ giới thiệu tiếp cho bạn về thuộc tính màu trong HTML.

Tác giả: Trấn thành     (4.0★- 3 đánh giá)  ĐG của bạn?

  

Bài viết liên quan

Tìm hiểu Entities trong HTML
Thẻ Heading trong HTML, thẻ H1, H2, H3, H4, H5, H6
Thuộc tính Style trong HTML
HTML và XHTML, khái niệm về cách sử dụng
Thẻ định dạng văn bản trong HTML
Từ khoá liên quan:

Thuộc tính id trong HTML

, HTML, id trong HTML,

SOFT LIÊN QUAN
  • Copy HTML

    Sao chép mã nguồn HTML

    Rất ít người trong chúng ta còn xa lạ HTML, đây là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên hoặc diễn tả một trang web. Ví dụ như chỉ cần một đoạn thông tin trong bất kỳ trang web nào đó là bạn đã có thể tra ra ...

Tin Mới


 Mùa hè tới rồi muốn so sánh giá tìm điều hòa giá rẻ nhất thị trường hãy dùng TopGia để so sanh gia có nhiều mẫu dieu hoa để so sanh sanh, xem dieu hoagiá rẻ để so sánh giá