Selain properti umum standar HTML, elemen tautan juga mencakup banyak properti opsional: Charset, HREF, HREFlang, Media, Rel, Rev, Target, Judul dan Jenis . Di antara sifat -sifat ini, target hanya diizinkan digunakan dalam dua jenis DTD, transisi dan frameset, dan yang lainnya dapat digunakan dalam tiga jenis DTD, ketat, transisi dan frameset.
Di antara properti ini, properti REL adalah intinya. Dalam artikel ini, desain web memperkenalkan beberapa atribut rel yang Anda ketahui dan pemrosesan beberapa elemen tautan di WordPress, yang cocok untuk dipelajari pemula.
Penggunaan tag tautan yang paling umum adalah memanggil lembaran gaya eksternal, misalnya:
<link rel=stylesheet href=http://paranimage.com/wp-content/themes/v5/style.css type=text/css media=screen />Di mana HREF adalah URL dari dokumen target, Type menentukan jenis MIME dari URL target, dan media menentukan perangkat apa dokumen tersebut akan ditampilkan.
Panggilan Lembar Gaya WebDesignerWall berikut menentukan gaya CSS saat dokumen ditampilkan pada perangkat pencetakan:
<link rel=stylesheet href=http://www.webdesignerwall.com/wp-content/themes/wdw/print.css type=text/css media=print />Anda juga dapat melihat kode panggilan stylesheet di beberapa halaman web seperti berikut:
<link rel=alertnate stylesheet href=http://paranimage.com/wp-content/themes/v5/red.css type=text/css media=screen />Kode ini mendefinisikan lembar gaya yang dapat diganti yang digunakan secara bersamaan dengan elemen tautan pertama, yang pertama mendefinisikan gaya yang disukai, dan ini memungkinkan pengguna untuk memilih gaya yang diganti. Namun, operasi penggantian ini mengharuskan browser untuk mendukungnya, tetapi banyak browser seperti IE tidak mendukungnya.
Oleh karena itu, saat menggunakan halaman web yang menggantikan gaya, mereka umumnya menggunakan beberapa lembar gaya untuk mengganti JS, memungkinkan pengguna untuk secara bebas mengganti gaya antarmuka. Setiap orang seharusnya melihat ini, dan beberapa situs web akan menentukan beberapa warna untuk halaman web. Jika Anda tertarik pada pengguna WordPress, Anda dapat mengunduh penelitian tema wordpress tema wordpress kentang kecil (atau memeriksa demo), yang menggunakan JS sederhana dan beberapa gaya yang dapat diganti untuk memungkinkan pengguna mengubah skema warna halaman web. Untuk yang sedikit lebih tinggi, Anda juga dapat menggunakan JS untuk mengubah gaya dari waktu ke waktu, seperti warna-warna cerah di siang hari dan warna gelap di malam hari.
Catatan : Menentukan media = semua untuk gaya yang disukai dan menambahkan gaya cetak akan lebih konsisten dengan standar web (meskipun untuk situs web biasa, tidak akan ada banyak orang yang ingin mencetak halaman Anda). Gambar Palan tidak memiliki gaya pencetakan yang ditentukan, jadi saya akan meluangkan waktu untuk melakukannya nanti Catatan : Apakah menggunakan gaya alternatif adalah pertanyaan yang patut dipertimbangkan. Jika Anda hanya mengubah skema warna dan nada utama keseluruhan tetap tidak berubah, itu dapat diterima. Tetapi beberapa teman, seperti pengguna WordPress, akan memungkinkan banyak tema dengan gaya yang sama sekali berbeda, dan kemudian menggunakan plug-in untuk memungkinkan pengguna berubah dengan bebas. Ini sepertinya sangat keren, tetapi saran saya adalah tidak pernah melakukan itu. Belum lagi apakah itu mempengaruhi SEO, itu akan membuat orang tidak memiliki persepsi gambar yang tetap dari situs web Anda.Untuk pengantar terperinci untuk ikon Favicon/Favorit, Anda dapat memeriksa Baidu Encyclopedia (1, 2), dan menggunakan kode berikut untuk menyebutnya.
<link rel=shortcut icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.ico type=images/x-icon/><link rel=icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.png type=images/png/>Saya masih sedikit bingung tentang panggilan ini. Hasil percobaan saya adalah:
Perangkat iPhone atau iPod Touch memungkinkan pengguna untuk menambahkan tautan ke layar beranda. Gunakan kode berikut untuk menentukan ikon Apple Touch untuk situs web Anda:
<link rel=apple-touch-icon href=http://paranimage.com/wp-content/themes/v5/images/apple-touch-icon.png />Ukuran ikon adalah format 57*57 png. Jika tidak, itu akan secara otomatis skala. Jika saya tidak salah, itu tidak harus dibuat menjadi sudut bulat yang indah seperti gaya iPhone. IPhone akan secara otomatis mengubah ikon menjadi gradien sudut bulat sesuai dengan gayanya, seperti ikon Apple Touch dari Last.fm.
Untuk pengguna domestik, tidak banyak orang yang menggunakan iPhone. Bahkan jika ada banyak, akankah situs web Anda ditempatkan di layar beranda? Itu mungkin bukan sesuatu yang bisa dilakukan oleh situs web kecil biasa seperti kita. Tapi itu menyenangkan, saya membuatnya untuk situs web saya dan menambahkan elemen tautan ini.
Di bawah ini adalah definisi tema default WordPress untuk alamat RSS2, alamat atom, dan alamat pingback. Saya pikir prinsip -prinsip spesifiknya sangat mendalam dan kompleks, jadi saya tidak akan mempelajarinya. Ngomong -ngomong, blog Anda membutuhkannya, jadi sepertinya atom tidak apa -apa?
<link rel=alternate type=application/rss+xml title=<?php bloginfo('name'); ?> rss feed href=<?php bloginfo('rss2_url'); ?> /><link rel=alternate type=application/atom+xml title=<?php bloginfo('name'); ?> atom feed href=<?php bloginfo('atom_url'); ?> /><link rel=pingback href=<?php bloginfo('pingback_url'); ?> />Jika Anda memiliki fungsi <? Php wp_head (); ?> Dalam topik Anda, dua elemen tautan berikut akan muncul:
<link rel=edituri type=application/rsd+xml title=rsd href=http://localhost/wordpress/xmlrpc.php?rsd /><link rel=wlwmanifest type=application/wlwmanifest+xml href=http://localhost/wordpress/wp-includes/wlwmanifest.xml />Kedua elemen ini terutama untuk penerbitan jarak jauh, seperti menggunakan editor blog desktop seperti Windows Live Write untuk menerbitkan artikel. Jika Anda tidak memerlukan fungsi ini, Anda dapat sepenuhnya menghapus dua elemen ini. Cara untuk menghapusnya adalah dengan membuka fungsi.php tema WordPress Anda, dan masukkan kode berikut sebelum tag <? Php}?>?> Di bagian bawah:
remove_action('wp_head', 'rsd_link');remove_action('wp_head', 'wlwmanifest_link'); Catatan : Anda mungkin berpikir bahwa karena <? PHP WP_HEAD (); ?> Fungsi menghasilkan dua hal ini, hapus saja. Ya, jika Anda mengharapkan plugin lain, Anda tidak perlu mendapatkan fungsi ini, maka hapus.Google, Yahoo dan pencarian langsung mengumumkan dukungan untuk atribut baru kanonik tautan sekitar Februari tahun ini, dengan fungsi utama menentukan tautan otoritatif untuk halaman web untuk menyelesaikan masalah konten duplikat.
Untuk pengantar terperinci untuk atribut ini, silakan lihat Tentukan Paradigma URL Anda di Google Chinese Webmaster.
Berikut adalah dua plugin yang terutama merekomendasikan bagi pengguna WordPress untuk menambahkan properti ini ke bagian kepala Anda: SEO no duplikat atau URL kanonik. Mudah digunakan.
Dikatakan sebagai analisis penuh, tetapi pada kenyataannya, itu hanya beberapa yang umum digunakan, yang cukup bagi kebanyakan orang. Jika Anda juga tahu atribut Rel penting dan umum yang digunakan, Anda dipersilakan untuk membaginya.