Apakah sifat global html5?-Soal Jawab bahagian hadapan-php.cn

Apakah sifat global html5?

青灯夜游

Lepaskan： 2021-12-29 11:41:28

asal

2662 orang telah melayarinya

Atribut html5 termasuk: 1. kunci akses; 4. dir; dan lain-lain tunggu.

Apakah sifat global html5?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Atribut setempat: Sesetengah elemen boleh menentukan atribut mereka sendiri, yang dipanggil atribut tempatan.

Sebagai contoh, elemen pautan mempunyai enam atribut setempat: href, rel, hreflang, media, jenis dan saiz.

Atribut global : boleh digunakan untuk mengkonfigurasi gelagat yang biasa kepada semua elemen Atribut ini dipanggil atribut global dan boleh digunakan pada mana-mana elemen.

Atribut global HTML5

1 atribut kunci akses

Gunakan atribut kunci akses untuk menetapkan satu atau beberapa kekunci Pintasan pemilihan. untuk elemen pada halaman.

2. atribut kelas

Atribut kelas digunakan untuk mengelaskan elemen.

3. atribut contenteditable

contenteditable ialah atribut yang baru ditambah dalam HTML5. Tujuannya adalah untuk membolehkan pengguna mengubah suai kandungan pada halaman.

<body>    <!-- contenteditable属性应用 -->    <p contenteditable="true">设置为 true 是可编辑的</p></body>

Salin selepas log masuk

Seperti dalam contoh di atas, apabila nilai atribut boleh diedit kandungan bagi elemen p ditetapkan kepada benar, pengguna boleh mengklik teks untuk mengedit kandungan. Lumpuhkan pengeditan apabila ditetapkan kepada palsu.

4. atribut dir

atribut dir digunakan untuk menentukan arah teks dalam elemen. Terdapat dua nilai yang sah: ltr (kiri ke kanan), rtl (kanan ke kiri).

   <!-- dir属性应用 -->    <p dir="ltr">从左到右</p>    <p dir="rtl">从右到左</p>

Salin selepas log masuk

5. Atribut boleh seret

Atribut boleh seret ialah salah satu cara HTML5 menyokong operasi seret dan lepas dan digunakan untuk menunjukkan sama ada elemen boleh diseret dan dijatuhkan.

6. atribut dropzone

Atribut dropzone ialah salah satu cara HTML5 menyokong operasi drag-and-drop dan digunakan bersama dengan atribut boleh draggable.

7. Atribut id

Atribut id digunakan untuk menetapkan pengecam unik kepada elemen. Ini tidak perlu dikatakan. Satu perkara yang perlu diambil perhatian ialah atribut id juga boleh digunakan untuk menavigasi ke lokasi tertentu dalam dokumen.

8. atribut tersembunyi

tersembunyi ialah atribut Boolean, menunjukkan bahawa elemen yang berkaitan tidak memerlukan perhatian pada masa ini (Saya samar-samar memikirkannya) Apabila mengawal paparan dan penyembunyian elemen, anda akan menyesuaikan kelas tersembunyi dan kemudian menulis gaya tersembunyi di dalamnya untuk butiran, anda juga boleh membaca artikel ini yang memperkenalkan atribut tersembunyi HTML5

<!-- hidden属性应用 --><div hidden>这个元素将会被隐藏</div>

Salin selepas log masuk

9. atribut lang

Atribut lang digunakan untuk menerangkan bahasa yang digunakan oleh kandungan elemen. Atribut lang mesti menggunakan kod fonetik ISO yang sah Tujuan menggunakan atribut ini adalah untuk membenarkan penyemak imbas melaraskan cara ia menyatakan kandungan elemen, seperti sebutan yang betul apabila menggunakan pembaca teks.

<!-- lang属性应用 --><p>Hello - how are you?</p>

Salin selepas log masuk

10 atribut semakan ejaan

Atribut semakan ejaan digunakan untuk menunjukkan sama ada penyemak imbas perlu melakukan semakan ejaan pada kandungan elemen ini digunakan apabila pengguna boleh mengeditnya. Ia hanya masuk akal apabila ia berada pada elemen.
Atribut semakan ejaan menerima dua nilai: benar dan salah. Cara semakan ejaan dilaksanakan berbeza dari penyemak imbas ke penyemak imbas.

<textarea name="" id="" cols="30" rows="10" spellcheck="true">This is some lalalala text</textarea>

Salin selepas log masuk

11 atribut gaya

Atribut gaya digunakan untuk mentakrifkan gaya CSS secara langsung pada elemen.

12. Atribut tabindex

Fokus papan kekunci halaman HTML boleh ditukar antara elemen dengan menekan kekunci Tab. Perintah pemindahan lalai boleh ditukar menggunakan atribut tabindex.

<form action="">    <label>Name: <input type="text" name="" id="" tabindex="2"></label>    <label>City: <input type="text" name="" id="" tabindex="-1"></label>    <label>Country: <input type="text" name="" id="" tabindex="1"></label>    <input type="submit" value="" tabindex="3"></form>

Salin selepas log masuk

Kesan kod di atas ialah: semasa proses menekan kekunci Tab, kotak input Negara dengan indeks tab 1 dipilih dahulu, kemudian fokus akan melompat ke kotak input Nama, dan akhirnya serahkan. Elemen dengan tabindex ditetapkan kepada -1 tidak akan dipilih selepas pengguna menekan kekunci Tab.

13. Atribut tajuk

Atribut tajuk memberikan maklumat tambahan tentang elemen ini biasanya menggunakan perkara ini untuk memaparkan petua bar alat tajuk juga kerap digunakan.

Cadangan berkaitan: "tutorial video html"

Atas ialah kandungan terperinci Apakah sifat global html5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!