Panduan html5-1. Pemahaman mendalam tentang kemahiran tutorial atribut global html5

Hari ini saya memulakan siri kursus baharu tentang html5, iaitu nota kajian saya daripada "Panduan Definitif untuk HTML5". Saya akan menyusun bab-bab yang saya fikir adalah kandungan yang baik atau bermakna untuk dipelajari oleh semua orang.
Elemen boleh mentakrifkan atributnya sendiri Contohnya, teg a mentakrifkan atribut href. Ini dipanggil atribut setempat. Sejajar dengan itu, kami boleh menetapkan gelagat biasa untuk semua elemen melalui atribut global Sudah tentu, anda juga boleh menetapkan atribut global untuk elemen individu, tetapi ini tidak masuk akal. Saya akan memperkenalkan hartanah global ini satu persatu di bawah.

Contoh berikut berjalan seperti biasa dalam penyemak imbas Chrome. Saya belum menguji penyemak imbas lain, jadi saya mengesyorkan anda menggunakan penyemak imbas Chrome sebagai penyemak imbas HTML5 pilihan anda. Daripada menumpukan pada isu keserasian penyemak imbas, saya menumpukan pada pembelajaran dan pelaksanaan. HTML5 masih dipertingkatkan Dengan popularitinya, saya percaya bahawa penyemak imbas arus perdana akan menyokongnya dengan lebih baik dan lebih baik, dan isu keserasian penyemak imbas akan menjadi lebih baik pada masa itu.
1.accesskey
Atribut accesskey membenarkan anda menetapkan satu atau lebih pintasan papan kekunci supaya anda boleh memilih elemen pada halaman. Mari lihat contoh berikut:

Salin kod

Kodnya adalah seperti berikut:

🎜>Nama:

="password" name ="password" accesskey="p"/>

;
< ;/form>
seperti dalam tingkap Di bawah sistem pengendalian, anda boleh menggunakan alt XXX untuk memilih elemen.
Kesan operasi:




2.class

Saya tidak mahu mengatakan lebih lanjut tentang atribut ini Ia adalah fungsi pengumpulan elemen Ia lebih kerap digunakan bersama dengan CSS untuk menetapkan kesan paparan yang berbeza untuk kumpulan yang berbeza unsur .

3.contenteditable

Ini ialah atribut baharu dalam html5 tidak membenarkan pengguna mengedit .

Salin kod

Kod tersebut adalah seperti berikut:

Contoh true"> ;Sekarang ini hujan

4.contextmenu

contextmenu membenarkan pengguna menetapkan menu klik kanan elemen html dan menu akan muncul apabila pengguna mencetuskannya. Tiada penyemak imbas lagi menyokong atribut ini.

5.dir

Atribut dir mentakrifkan penjajaran teks elemen HTML dan menyokong dua nilai, ltr (kiri ke kanan) dan rtl (kanan ke kiri).

Salin kod

Kod tersebut adalah seperti berikut:


Contoh rtl"> ;Ini kanan-ke-kiri

Ini kiri-ke-kanan

6. draggable
draggable ialah atribut yang melaksanakan fungsi seret dan lepas elemen html dalam html5 Kami akan memperkenalkannya secara terperinci dalam kursus berikut.
7.dropzone
dropzone juga merupakan atribut yang melaksanakan fungsi seret dan lepas elemen html dalam html5 Kami akan memperkenalkannya secara terperinci dalam kursus berikut.
8.tersembunyi
Semua orang mesti biasa dengan atribut ini, iaitu menyembunyikan elemen html.
9.id
Semua orang harus mengetahui atribut ini. Ia menetapkan pengecam unik untuk elemen html yang tidak dibenarkan wujud dalam halaman html.
10.lang
lang menentukan bahasa yang digunakan untuk kandungan elemen html. Nilai lang mestilah kod bahasa iso yang sah Anda boleh melawati alamat berikut untuk butiran lanjut, http://tools.ietf.org/html/bcp47. Perlu diingatkan bahawa bahasa pemprosesan adalah perkara yang agak kompleks dan teknikal.

Salin kod

Kod tersebut adalah seperti berikut:

Contoh my"> ;Hello - apa khabar?

Bonjour - komen êtes-vous?

Hola-¿ cómo estás?

Kadangkala, penyemak imbas akan membantu anda menyemak sama ada ejaan kandungan teks elemen html adalah betul Atribut semakan ejaan hanya bermakna apabila elemen html boleh diedit.

Salin kod

Kod tersebut adalah seperti berikut:

Contoh true"> ;Ini adalah beberapa teks yang salah ejaan

Kesan: (Saya tidak mendapat kesan yang diingini menggunakan chrome , tidak Tahu sebabnya)

12.style

Atribut ini tidak perlu diperkenalkan terlalu banyak. Ia menetapkan gaya css untuk elemen html.

13.tabindex

tabindex membolehkan anda mentakrifkan susunan akses elemen html menggunakan kekunci tab. Apabila tabindex ditetapkan kepada -1, elemen html tidak akan dipilih apabila pengguna menggunakan kekunci tab.

Salin kod
Kod tersebut adalah seperti berikut:



>< label>Nama:

:

Negara:

>< /form>

14.title

tajuk boleh memberikan maklumat tambahan untuk elemen html dan ia sering digunakan untuk memaparkan maklumat segera.





Salin kod


Kod tersebut adalah seperti berikut:




Contoh Apress Publishing" href="http://apress.com">Lawati tapak Apress

Kesan:

Itu sahaja untuk pelajaran hari ini. Saya harap kandungan ini berguna kepada semua orang.
Alamat muat turun demo: Html5Guide.rar