Fragmentions Make Customize Link Attribute Everywhere

Ketika sebuah element memiliki unik ID, sobat dapat langsung nge-link ke sana. Semua browser akan menuju ke posisi ID pada halaman yg di tuju. Ini adalah fitur yang sangat berguna. Hal ini memungkinkan kita untuk menyediakan link skip to bagian dari sebuah artikel panjang! Masalah dengan teknik ini adalah bahwa sebagian besar element tidak memiliki ID. AA Koben menemukan satu script yang dapat mengatasi masalah tersebut. Mulai sekarang kalian dapat link sesuka hati ke artikel yg dimaksud tanpa perlu khawatir tak memiliki unik-ID.

HTML Links - The id Attribute

ID atribut dapat digunakan untuk membuat bookmark dalam dokumen HTML.

Contoh

Anchor link dengan ID di dalam satu halaman yg sama:<a id="frag">HTML Links</a>Buat link ke "HTML Links" di dalam dokumen yang sama:<a href="#frag">Useful HTML Links</a>Jika membuat link ke "HTML Links" dari halaman lain:<a href="http://www.example.com/example-pages.htm#frag">Visit the HTML Links</a>Kebayang kalau harus membuat unik ID berbeda seperti id="frag" setiap mau memberitahukan kemana tujuan kita :-O Pada waktu 2014-04-17 05:25, sudah tercipta Fragmentions - linking to any text by Kevin Marks.

Hostingkan script berikut, dan simpan diatas/sebelum tag penutup </head>

bit.ly/1nuOVkP

Sobat bisa melakukan variasi kode CSS dengan bentuk format sbb

[fragmention] {
    background: #FFFF00;

--- YOUR STYLE CODED ADD HERE ---

}

Apabila markup template/halaman berbentuk

Maka penulisan anchor link dengan bentuk

http://beben-koben.blogspot.com/2013/01/selection-tools-from-jsdoit-for-you-by.html#RelatedPosts

Untuk melakukan itu semua anda harus pergi dan memeriksa HTML dan menemukan id, dan membuat link khusus dengan manual. How about with "fragmentions"

Menggunakan fragmen untuk mengidentifikasi bagian dari halaman.
Menyebutkan kata-kata di belakang akhir anchor link sebagai identifier.

Agar dianggap ini terpisah dari link id, disarankan menggunakan hash ganda - ## untuk fragmen, dan kemudian kata-kata yang mengidentifikasi teks sebagai target.

Example

http://beben-koben.blogspot.com/2013/01/selection-tools-from-jsdoit-for-you-by.html##Silahkan+download+folder+semua

Penulisan link tersebut mempunyai arti pergi ke halaman tersebut dan menemukan kata-kata "Silahkan download folder semua" dan bergulir untuk menunjukkan kepada pembaca.

Sources:

indiewebcamp.com/fragmention
www.kevinmarks.com/fragmentions.html
epeus.blogspot.com/2014/04/fragmentions-linking-to-any-text.html

Happy fragmentions \m/