Spesifikasi HTML5 dengan jelas menyatakan bahwa penggunaan elemen harus sepenuhnya dari semantik elemen. Namun, beberapa elemen ini sangat jelas, sementara beberapa lebih kabur. Dalam hal penggunaan elemen, yang terbaik adalah memberikannya kepada CSS untuk merawatnya, tetapi ini tidak mutlak.
Menghasilkan hyperlinkElemen A digunakan untuk menghasilkan hyperlink.
1) href: Tentukan URL sumber daya yang disebutkan dalam elemen A;
2) hreflang: Jelaskan bahasa yang digunakan oleh sumber daya yang Anda tautkan;
3) Media: Jelaskan perangkat mana yang digunakan untuk sumber daya terkait, dan atribut media dari elemen gaya;
4) REL: Jelaskan hubungan antara dokumen dan sumber daya tautan, dan atribut rel dari elemen tautan;
5) Target: Tentukan lingkungan penelusuran untuk membuka tautan yang Anda tautan;
6) Ketik: Jelaskan tipe MIME (seperti teks/html).
Menghasilkan tautan super ke luar<body> Saya suka <a href = http: //en.widipedia.org/wiki/apples> apel </a> dan <a href = http: //en.wikipeida.org/wiki/orane_ (dari)>> Jeruk </a>
Protokol yang paling banyak digunakan dalam URL adalah HTTP, tetapi browser juga mendukung protokol lain, seperti: HTTPS dan FTP. Jika Anda ingin mengutip alamat email, Anda dapat menggunakan protokol MailTO, seperti: mailto: [email protected].
Gunakan URL yang relatif<body> ...... Anda dapat melihat yang lain dari <a href = fruitlist.html> di sini </a>
Secara default, browser akan mengasumsikan bahwa sumber daya target berada pada posisi yang sama dengan dokumen saat ini, tetapi dapat diubah dengan menyediakan URL dasar melalui elemen dasar.
Menghasilkan hyperlink internalMetode ini digunakan untuk memindahkan elemen lain dalam dokumen terpadu ke bidang penglihatan.
<body> ...... Anda dapat melihat dari buah -buahan saya suka <a href =#fruits> di sini </a>. , Buah persik dan anggur
Jika pengguna mengklik tautan, dokumen akan bergulir ke lokasi di mana ID dapat dilihat sebagai elemen buah.
Atur lingkungan penjelajahanAtribut target digunakan untuk memberi tahu harapan browser untuk menampilkan sumber daya yang Anda tautkan. Secara default, browser menggunakan bingkai jendela, tab atau jendela dari dokumen saat ini, sehingga dokumen baru akan menggantikan dokumen yang sekarang ditampilkan, tetapi Anda dapat mengatur nilai lain:
1) _Blank: Buka dokumen di jendela atau tab baru;
2) _parent: Buka dokumen di Frameset;
3) _Self: Buka dokumen di jendela saat ini (default);
4) _top: Buka dokumen di jendela atas;
5) <bingkai>: Buka dokumen di bingkai jendela yang ditentukan.
Memungkinkan Anda memahami bingkai melalui contoh. Dengan asumsi kode dalam dokumen testframe.html adalah sebagai berikut:
<html> <frameset color = 50%, 50%> <frame src = test.html /> <frame name = frame1 /> < /frameset> < /html>
Sebuah frameset didefinisikan di sini, yang berisi dua bingkai, masing -masing dengan setengah lebar. Isi test.html adalah sebagai berikut:
<! > </> head> <body> <a Saya suka <b> apel </b> dan <b> oranye </b>
Gaya default elemen B tebal.
Elemen emElemen EM mewakili penekanan pada paragraf yang dapat digunakan untuk memberi pembaca konteks kalimat atau paragraf.
<body> <em> i </em> seperti <b> apel </b> dan <b> oranye </b>
Kebiasaan elemen em itu miring. Contoh ini menekankan saya di awal kalimat.
Saya elemenSaya elemen menunjukkan bahwa paragraf teks pada dasarnya berbeda dari konten di sekitarnya, yang sering digunakan dalam kata -kata asing, istilah teknologi, dan bahkan pikiran seseorang.
<body> <em> i </em> seperti <b> apel </b> dan <b> oranye </b>. >
Kebiasaan elemen I adalah miring, sama seperti elemen EM.
Elemen S.Elemen S digunakan untuk menunjukkan bahwa paragraf tidak lagi benar atau akurat.
<body> <em> i </em> seperti <b> apel </b> dan <b> oranye </b>. >.Elemen yang kuat
Elemen yang kuat mewakili teks penting.
<body> Saya suka apel dan oranye.
Gaya elemen kuat sama dengan elemen B.
U elemenElemen U membuat paragraf teks yang disorot dari konten di sekitarnya, tetapi itu tidak berarti bahwa itu menekankan atau kepentingannya telah meningkat. Efeknya adalah menambahkan baris ke teks.
<body> Saya suka apel dan oranye.
Karena kebiasaan elemen U mirip dengan elemen A, untuk mencegah kebingungan, elemen U harus dihindari sebanyak mungkin.
Elemen kecilHTML5 menggunakan aturan yang ditentukan label kecil, biasanya mencakup pernyataan pembebasan, tindakan pencegahan, pembatasan hukum, informasi hak cipta, dll. Terkadang dapat digunakan untuk mengekspresikan tanda tangan atau memenuhi persyaratan lisensi.
<body> <p> Pesan sekarang untuk menerima pengiriman gratis Toko super.
Catatan: Kecil hanya cocok untuk frasa.
Elemen sub dan supElemen sub dan SUP digunakan untuk menunjukkan langganan dan subsidi, masing -masing.
<body> titik x <sub> 10 </sub> adalah 10 <sup> th </sup> poin
Mengubah
Ada dua elemen yang dapat digunakan untuk mengontrol konten: elemen BR dan WBR.
Elemen BRElemen BR akan menyebabkan perubahan garis.
<body> Saya berkeliaran dengan kesepian sebagai awan <br/> yang mengapung pada vales dan bukit tinggi, <br/> ketika sekaligus di kerumunan, <br> Tuan rumah, dari bakung emas;Elemen WBR
HTML5 ditambahkan untuk menunjukkan bahwa konten yang melebihi jendela browser saat ini cocok untuk mengubah kembali.
<body> Ini adalah kata yang sangat panjang: Super <wbr> Califragilisistik <wbr> Expialidocious
Ketika elemen WBR tidak digunakan, browser akan memperlakukan kata -kata panjang secara keseluruhan, dan elemen WBR digunakan, dan browser dapat memilih untuk mengubahnya atas saran. Penggunaan elemen WBR adalah untuk memberi tahu browser kata yang paling cocok di mana yang paling cocok.
Mewakili input dan output1) Kode: Tunjukkan fragmen kode komputer
2) var: Dalam konteks pemrograman, itu berarti variabel, dan juga dapat menunjukkan bahwa pembaca memasukkan tempat yang ditentukan dalam imajinasi
3) Samp: mewakili output dari program atau sistem komputer
4) KBD: Menunjukkan input pengguna
<body> <p> <code> var fruits = [apel, oranye, mangga, ceri]; Variabel dalam exmple ini adalah <var> buah </var> </p> <p> Output dari kode adalah: <ampamp> Saya suka 4 buah </amp> </p> <p> Saat diminta untuk saya Buah favorit, saya mengetik: <kbd> ceri </kbd> </body>Gunakan referensi judul, kutipan, definisi dan singkatan Elemen ABBR
Ekspresikan singkatan, atribut judulnya mewakili kata lengkap yang mewakili singkatan.
<body> Saya suka apel dan jeruk.
Elemen ini tidak terbiasa dengan gaya, sehingga isinya tidak terlihat istimewa.
Q elemenMewakili isi dirinya. Atribut CITE dari elemen Q dapat digunakan untuk menentukan URL artikel sumber.
<body> <p> <q cite = http: //en.wikipedia.org/wiki/apple> <Dfn </p> </body>
Kebiasaan elemen Q adalah untuk menghasilkan kutipan sebelum dan sesudah kutipan.
mengutip elemenMewakili judul karya yang dikutip.
<body> Buku favorit saya tentang buah adalah <cite> buah: dapat dimakan, tidak dapat dimakan, luar biasa </cite> oleh Stuppy & Kesseler </body>
Kebiasaannya miring.
Elemen bahasa Elemen Ruby, RT dan RPElemen Ruby mewakili teks yang berisi simbol fonetik, yang perlu digunakan dengan elemen RT dan elemen RP
<body> <ruby> 魑 <rp> (</rp> <rt> chi </rt> <rp>) </rp> </ruby> <rp> (</rp> <rt> mei </rt > <rp>) </rp> </ruby> </body>
Ketika browser yang menunjukkan simbol fonetik, elemen RP dan isinya akan diabaikan, dan konten elemen RT akan ditampilkan sebagai simbol fonetik. Dokumen ini ditampilkan di browser yang tidak mendukung simbol fonetik, dan konten elemen RP dan RT akan ditampilkan.
Elemen BDOIni digunakan untuk mengatur arah karakter Cina. Elemen BDO harus ditambahkan dengan atribut DIR, dan nilai dukungannya adalah: 1) RTL (dari kanan ke kiri); 2) LTR (dari kiri ke kanan).
<body> <p> Ini adalah kiri-ke-kanan: <bdo dir = ltr> Saya suka jeruk </bdo> </p> <p> Ini adalah jeruk sel-sela kanan </bdo> </p> </body>Elemen teks lainnya elemen span
Tidak ada makna itu sendiri, dan biasanya digunakan untuk menerapkan beberapa atribut global pada paragraf.
<body> Saya suka <span class = Fruit> apel </span> dan <span class = Fruit> Orange </span>elemen tanda
HTML5 ditambahkan, yang digunakan untuk menunjukkan paragraf yang ditampilkan secara jelas karena konteks tertentu.
<body> <p> Saya akan menyukai <mark> pasangan </mark> dari <mark> People </mark> </p> </body>Elemen INS dan Del Elemen
Elemen INS dan elemen DEL dapat digunakan untuk mewakili teks yang ditambahkan dan dihapus dalam dokumen.
<body> <p> <del> Saya dapat </share> <mark> lihat </mark> </del> <ser> Saya dapat <mark> lihat </mark> <Mark> laut </mark> </sc> </p> </body>Elemen waktu
Mewakili waktu dan tanggal. Jika pubdate atribut boolean ada, maka elemen waktu mewakili tanggal rilis seluruh dokumen HTML atau sebagian besar elemen artikel dari elemen. Atribut Datetime Menentukan tanggal dan waktu yang ditentukan dalam format yang ditentukan dalam RFC3339. Dengan Datetime, Anda dapat mengatur tanggal atau waktu dalam bentuk elemen untuk memfasilitasi pembacaan, dan pada saat yang sama memastikan bahwa komputer dapat menganalisis tanggal atau waktu yang ditentukan tanpa ambiguitas.
<body> Saya masih ingat apel terbaik yang pernah saya rasakan. >
Elemen waktu mungkin tidak termasuk properti datetime. dari konten teks.
Di atas adalah semua isi artikel ini.