Người Viết : ViKiMi Editor

Mã ID / HTML ID ATTRIBUTE giúp xác định một phân tử trên Website và thiết kế hiệu quả
Đã quen thuộc với việc lập trình thì mọi thứ đều trở nên không quá khó khăn. Đặc biệt khi bạn cố gắng thiết kế một sản phẩm đạt tiêu chuẩn. Công việc thiết kế Website mang lại cho lập trình viên nhiều điều thú vị. Việc gặp lại hoặc những vấn đề có vẻ tương tự làm cho công việc đem tới sự phát triển theo chiều hướng tốt. Và sử dụng HTML id attribute cũng vậy!
Để góp phần quản lý công việc tốt nhất, chắc chắn bạn sẽ muốn sử dụng HTML id attribute!
Vậy HTML id attribute có hữu ích nhiều không?
+ Nó rất hữu ích cho công việc thiết kế.
+ HTML id Attribute Cùng với HTML Class Attribute làm cho công việc thiết kế Website trở nên thuận tiện nhất.
HTML id attribute giúp đem lại cách quản lý công việc khoa học hơn khi bạn nghĩ về lập trình. Và bạn cũng có thể gặp lại điều này trong rất nhiều ngôn ngữ lập trình khác nhau, từ ngôn ngữ bậc cao cho đến những ngôn ngữ bậc thấp. Là một thành phần luôn luôn được sử dụng.
Example : Sử dụng HTML ID Attribute
<h1 id=”my_post_title”> Tiêu đề Bài Báo </h1>
A ] VẬY HTML ID ATTRIBUTE LÀ GÌ VÀ CÁCH DÙNG NHƯ THẾ NÀO ?
+ CÂU TRẢ LỜI :
HTML id Attribute / Thuộc tính id HTML được sử dụng để chỉ định một id / mã định danh duy nhất cho một phần tử HTML.
Mã định danh này cho phép bạn quản lý tốt hơn, và nó giống như mã định danh căn cước công dân vậy.
>> Bạn không thể có nhiều phần tử có cùng id trong HTML Document.
+ NHỮNG QUY TẮC CHUNG :
HTML id Attribute / Thuộc tính id HTML được sử dụng để chỉ định một id / mã định danh duy nhất cho một phần tử HTML.
Giá trị của mã định danh / id phải là duy nhất trong HTML Document.
Mã ID có phân biệt chữ hoa chữ thường!
Mã ID phải chứa ít nhất một ký tự, không được bắt đầu bằng số và không được chứa khoảng trắng (dấu cách, tab, v.v.).
+ CÁCH SỬ DỤNG HTML ID ATTRIBUTE :
Bạn có thể sử dụng HTML ID ATTRIBUTE bằng các cách cơ bản như sau :
– Khi bạn sử dụng CSS để thiết kế Website, bạn có thể sử dụng HTML ID ATTRIBUTE để chỉ định các kiểu thiết kế cho các phần tử
Mã id ( Html Id Attribute ) được sử dụng để trỏ đến một khai báo kiểu cụ thể trong style sheet ( / Ngôn ngữ CSS )
– Khi bạn muốn sử dụng ngôn ngữ Javascript để thiết kế Website. HTML ID ATTRIBUTE sẽ giúp bạn rất hữu ích
HTML ID ATTRIBUTE ( Mã định danh ID duy nhất ) cũng được JavaScript sử dụng để truy cập và thao tác tới phần tử có id cụ thể.
B ] CÁC CÁCH DÙNG CỤ THỂ
B – 1 ] HTML ID Attribute thiết kế Website cùng với CSS
CÚ PHÁP ::
Cú pháp của HTML ID ATTRIBUTE khi sử dụng trong CSS :
+ Viết ký tự băm (#) , theo sau là tên ID .
Example :
<!DOCTYPE html>
<html>
<head>
<style>
#my_post_title {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
</style>
</head>
<body>
<h1 id="my_post_title"> Tiêu Đề Bài Báo </h1>
</body>
</html>
B – 2 ] HTML ID Attribute thiết kế Website cùng với Javascript
HTML ID ATTRIBUTE ( Mã ID ) cũng có thể được JavaScript sử dụng để truy cập và thực hiện một số tác vụ trên một thành phần HTML cụ thể đó. Điều này giúp thiết kế Website linh hoạt nhất có thể.
Phương thức ( / Method ) getElementById() được JavaScript dùng để truy cập tới một phần tử HTML có Mã ID duy nhất và thực hiện tác vụ với nó.
<script>
function displayResult() {
document. getElementById (“my_post_title”) . innerHTML = ” Tin Tức Mới Nhất! “;
}
</script>