Các thuộc tính tổng quát trong HTML 1-2-3-4-5
Các thuộc tính tổng quát dưới đây có thể được sử dụng trên bất kỳ phần tử HTML.
Thông tin này được cập nhật từ tổ chức nghiên cứu & phát triển các ngôn ngữ lập trình web W3C tại w3schools.com
| Attributes | Read More | Description | . | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| accesskey | ? • Thuộc tính accesskey được hỗ trợ trong tất cả các trình duyệt chính, ngoại trừ Opera. • Thuộc tính accesskey xác định một phím tắt để kích hoạt một phần tử. • Trong HTML5, thuộc tính accesskey có thể được sử dụng trên bất kỳ phần tử HTML (nó sẽ xác nhận trên bất kỳ phần tử HTML. Tuy nhiên, nó không phải là nhất thiết hữu ích). • Trong HTML 4.01, các thuộc tính accesskey có thể được sử dụng với: <a>, <area>, <button>, <input>, <label>, <legend>, và <textarea>. • Cú pháp <element accesskey="character"> | Chỉ định một phím tắt để kích hoạt | |||||||||
| class | ? • Thuộc tính class được hỗ trợ trong tất cả các trình duyệt chính. • Thuộc tính class xác định một hoặc nhiều classnames cho một thành phần. • Thuộc tính class là chủ yếu được sử dụng để trỏ đến một class học trong một phong cách. Tuy nhiên, nó cũng có thể được sử dụng bởi một JavaScript (thông qua HTML DOM) để thay đổi các phần tử HTML với một lớp xác định. • Trong HTML5, thuộc tính class có thể được sử dụng trên bất kỳ phần tử HTML (nó sẽ xác nhận trên bất kỳ phần tử HTML. Tuy nhiên, nó không phải là nhất thiết hữu ích). • Trong HTML 4.01, các thuộc tính của class không thể được sử dụng với: <base>, <head>, <html>, <meta>, <param>, script, <style>, và <title>. • Cú pháp <element class="classname"> Xem bảng thuộc tính (di chuột vào đây!)
| một hoặc nhiều đối tượng có chung một phong cách trình bày trong css | |||||||||
| contenteditable | ? • Thuộc tính contenteditable được hỗ trợ trong tất cả các trình duyệt chính. • Thuộc tính contenteditable xác định xem nội dung của một phần tử là có thể chỉnh sửa hay không. • Thuộc tính contenteditable là mới trong HTML5. • Cú pháp <element contenteditable="true | false | inherit"> Xem bảng thuộc tính (di chuột vào đây!)
| Xác định xem nội dung của một phần tử là có thể chỉnh sửa hay không | mới | ||||||||
| contextmenu | ? • Thuộc tính ContextMenu không được hỗ trợ trong bất kỳ của các trình duyệt. • Thuộc tính ContextMenu quy định cụ thể một menu ngữ cảnh cho một phần tử. Menu ngữ cảnh xuất hiện khi người dùng phải nhấp chuột vào phần tử. • Giá trị của các thuộc tính ContextMenu là id của phần tử <menu> để mở. • Thuộc tính ContextMenu mới trong HTML5. • Cú pháp <element contextmenu="menu_id"> Xem bảng thuộc tính (di chuột vào đây!)
| Quy định cụ thể một menu ngữ cảnh cho một phần tử. Menu ngữ cảnh xuất hiện khi người dùng phải nhấp chuột vào các phần tử | mới | ||||||||
| dir | ? • Thuộc tính thư mục được hỗ trợ trong tất cả các trình duyệt chính. • Các thuộc tính thư mục chỉ định hướng văn bản nội dung của phần tử. • Trong HTML5, thuộc tính thư mục có thể được sử dụng trên bất kỳ phần tử HTML (nó sẽ xác nhận trên bất kỳ phần tử HTML Tuy nhiên, nó không phải là nhất thiết hữu ích). • Trong HTML 4.01, các thuộc tính thư mục không có thể được sử dụng với: <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param>, và <script>. • Cú pháp <element dir="ltr|rtl|auto"> Xem bảng thuộc tính (di chuột vào đây!)
| Quy định cụ thể các văn bản chỉ đạo về nội dung trong một yếu tố | |||||||||
| draggable | ? • Các thuộc tính có thể kéo được hỗ trợ trong Internet Explorer 9 +, Firefox, Opera, Chrome, và Safari. • Lưu ý: Internet Explorer 8 và phiên bản trước, không hỗ trợ các thuộc tính có thể kéo được. • Thuộc tính kéo xác định xem một phần tử là kéo hay không. • Mẹo: Liên kết và hình ảnh có thể kéo theo mặc định. • Mẹo: Các thuộc tính có thể kéo thường được sử dụng trong các hoạt động kéo và thả. • Thuộc tính kéo là mới trong HTML5. • Cú pháp <element draggable="true|false|auto"> Xem bảng thuộc tính (di chuột vào đây!)
| Xác định xem một phần tử là kéo hay không | mới | ||||||||
| dropzone | ? • Thuộc tính dropzone không được hỗ trợ trong bất kỳ của các trình duyệt. Xem bảng thuộc tính (di chuột vào đây!)
| Xác định xem các dữ liệu kéo được sao chép, di chuyển, hoặc liên kết, khi giảm | mới | ||||||||
| hidden | ? • Các thuộc tính ẩn được hỗ trợ trong tất cả các trình duyệt chính, ngoại trừ Internet Explorer. • Các thuộc tính ẩn là một thuộc tính boolean. • Khi hiện tại, nó xác định rằng một yếu tố không là có, hoặc là không còn, có liên quan. • Trình duyệt không cần hiển thị các yếu tố có thuộc tính ẩn chỉ định. • Các thuộc tính ẩn cũng có thể được sử dụng để giữ cho một người sử dụng từ nhìn thấy một yếu tố cho đến khi một số điều kiện khác đã được đáp ứng (như chọn một ô trống, vv.) Sau đó, một JavaScript có thể loại bỏ các thuộc tính ẩn, và làm cho các yếu tố có thể nhìn thấy. • Các thuộc tính ẩn là mới trong HTML5. • Cú pháp <element hidden> | Xác định rằng một yếu tố không là có, hoặc là không còn, liên quan | mới | ||||||||
| id | ? • Thuộc tính Id được hỗ trợ trong tất cả các trình duyệt chính. • Tthuộc tính Id xác định một id duy nhất cho một phần tử HTML (giá trị phải là duy nhất trong các tài liệu HTML). • Thuộc tính Id được sử dụng nhiều nhất để trỏ đến một phong cách trong một phong cách, và bằng JavaScript (thông qua HTML DOM) để thao tác các phần tử với id cụ thể. • Trong HTML5, thuộc tính id có thể được sử dụng trên bất kỳ phần tử HTML (nó sẽ xác nhận trên bất kỳ phần tử HTML. Tuy nhiên, nó không phải là nhất thiết hữu ích). • Trong HTML 4.01, thuộc tính id không thể được sử dụng với: <base>, <head>, <html>, <meta>, <param>, script, <style>, và <title>. • Lưu ý: HTML 4.01 có hạn chế lớn hơn về nội dung của các giá trị id (ví dụ, trong 4.01 id giá trị HTML không thể bắt đầu với một số). • Cú pháp <element id="id"> | Chỉ định một id duy nhất cho một yếu tố | |||||||||
| lang | ? • Thuộc tính lang được hỗ trợ trong tất cả các trình duyệt chính. • Thuộc tính lang xác định ngôn ngữ nội • Trong HTML5, thuộc tính lang có thể được sử dụng trên bất kỳ phần tử HTML (nó sẽ xác nhận trên bất kỳ phần tử HTML. Tuy nhiên, nó không phải là nhất thiết hữu ích). • Trong HTML 4.01, thuộc tính lang không có thể được sử dụng với: <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param>, và script. • Cú pháp <element lang="language_code"> Xem mã ngôn ngữ tại đây | Xác định ngôn ngữ nội dung của phần tử | |||||||||
| spellcheck | ? • Thuộc tính kiểm tra chính tả được hỗ trợ trong Internet Explorer 10, Firefox, Opera, Chrome, và Safari.không được hỗ trợ trong Internet Explorer 9 và các phiên bản trước đó. • Thuộc tính kiểm tra chính tả chỉ định cho dù các yếu tố là có lỗi chính tả và ngữ pháp của nó kiểm tra hay không. • Sau đây có thể được spellchecked: - Các giá trị văn bản trong các yếu tố đầu vào (không mật khẩu) - Văn bản trong các yếu tố <textarea> - Văn bản trong các yếu tố có thể chỉnh sửa • Thuộc tính kiểm tra chính tả là mới trong HTML5. • Cú pháp <element spellcheck="true|false"> | Xác định xem nguyên tố là có lỗi chính tả và ngữ pháp của nó kiểm tra hay không | mới | ||||||||
| style | ? • Thuộc tính style được hỗ trợ trong tất cả các trình duyệt chính. • Thuộc tính style cách xác định một phong cách nội tuyến cho một yếu tố. • Thuộc tính style sẽ ghi đè lên bất kỳ phong cách thiết lập trên toàn cầu, ví dụ như phong cách quy định trong thẻ <style> hoặc trong một sheet bên ngoài. • Giá trị CSS phân cách bằng dấu chấm phẩy (ví dụ style = "color: blue; text-align: center") • Trong HTML5, thuộc tính phong cách có thể được sử dụng trên bất kỳ phần tử HTML (nó sẽ xác nhận trên bất kỳ phần tử HTML. Tuy nhiên, nó không phải là nhất thiết hữu ích). • Trong HTML 4.01, các thuộc tính phong cách không thể được sử dụng với: <base>, <head>, <html>, <meta>, <param>, script, <style>, và <title>. • Cú pháp <element style="style_definitions"> | Xác định một phong cách CSS nội tuyến cho một yếu tố | |||||||||
| tabindex | ? • Thuộc tính tabindex được hỗ trợ trong tất cả các trình duyệt chính. • Thuộc tính tabindex xác định thứ tự tab của một phần tử (khi nút "tab" được sử dụng để điều hướng). • Trong HTML5, thuộc tính tabindex có thể được sử dụng trên bất kỳ phần tử HTML (nó sẽ xác nhận trên bất kỳ phần tử HTML. Tuy nhiên, nó không phải là nhất thiết hữu ích). • Trong HTML 4.01, thuộc tính tabindex có thể được sử dụng với: <a>, <area>, <button>, <input>, <object>, <select>, và <textarea>. • Cú pháp <element tabindex="number"> | Chỉ định thứ tự tabbing của một phần tử | |||||||||
| title | ? • Thuộc tính tiêu đề được hỗ trợ trong tất cả các trình duyệt chính. • Thuộc tính tiêu đề xác định thông tin thêm về một phần tử. • Các thông tin thường được thể hiện như một văn bản tooltip khi di chuyển chuột trên phần tử. • Trong HTML5, thuộc tính tiêu đề có thể được sử dụng trên bất kỳ phần tử HTML (nó sẽ xác nhận trên bất kỳ phần tử HTML. Tuy nhiên, nó không phải là nhất thiết hữu ích). • Trong HTML 4.01, thuộc tính tiêu đề không thể được sử dụng với: <base>, <head>, <html>, <meta>, <param>, script, <style>, và <title>. • Cú pháp <element title="text"> | Quy định cụ thể thông tin thêm về một yếu tố | |||||||||
| translate | ? Vẫn đang quá trình nghiên cứu! Bạn quay lại xem sau! | Xác định xem giá trị của một nguyên tố sẽ được dịch khi trang được bản địa hóa, hay không. | mới |
![[ Infographic] Tất tần tật về Google Panda](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsnDgV2IcpHjcp9vYwHoBwy-HGp90AU0OFdkM6RrIwjvCgiUERn-XcUJZ47ZVfsiCsL_myLMa-5Dwz_qnJPLjxvKsgC4ImGQEpRiax1gsQ8AiErUngSny0O_wJ8udjveiGpSr5I6wv71OK/s72-c/google_panda.jpg)
No comments:
Post a Comment