Minggu, 14 Oktober 2012

Ruby di dalam HTML 5



Yak kali ini saya mendapatkan sebuah tugas yang didalamnya berisikan tentang apa si sebenarnya The <ruby> tag yang ada di dalam HTML 5.
Tugas WEB kelompok.
Nama : Regian Putra Adi . S   (A11.2010.05388)

           Yulian saputra             (A11.2010.05386)


oke akan saya terangkan walau nggak semuanya berisikan tentang ide pikiran saya ya,, hehehe..

HTML <ruby> tag digunakan untuk menentukan penjelasan Ruby, yang digunakan dalam tipografi Asia Timur.
Ruby (juga dieja rubi) karakter kecil, glosses annotative yang dapat ditempatkan di atas atau di sebelah kanan karakter Cina ketika menulis bahasa logographic seperti Cina atau Jepang untuk menunjukkan pengucapan. Penjelasan Ruby, biasanya digunakan sebagai panduan pengucapan untuk karakter yang relatif jelas.


saya kutip dari "Ruby di Hypertext Markup Language", Internet Draft
Martin Durst, 28 Februari 1997.
Tersedia di: 
http://www.w3.org/International/draft-duerst-ruby-01


Dari mana si didapat kata “ruby” ??

The "ruby" adalah nama yang umum digunakan untuk teks yang muncul dalam bahasa asia timur, dan di antara lain menjalankan teks, disebut sebagai "dasar", dan berfungsi sebagai penjelasan atau panduan pengucapan yang terkait dengan menjalankan teks. Ruby, seperti yang digunakan dalam bahasa Jepang.
Ukuran font ruby ​​teks biasanya setengah ukuran font dasar. Nama "ruby" sebenarnya berasal dari nama ukuran font 5.5pt dalam pencetakan Inggris, yaitu sekitar setengah ukuran font 10pt umum digunakan untuk teks normal.


Beberapa posisi text ruby.

Ada beberapa posisi bahwa teks ruby ​​dapat muncul pada relatif terhadap alasnya. Mereka dapat dibagi menjadi dua kategori utama: teks ruby dapat muncul di samping dasar, atau dapat muncul sebagai teks inline segera setelah dasar. Ketika teks ruby ​​muncul di samping dasar, maka hampir selalu muncul di atas dasar dalam tata letak horisontal (meskipun ada kasus ruby ​​muncul di bawah dasar).


Beberapa contoh yang ada untuk ruby

ルビベース  --->  ruby base
  
Gambar 1.1.1: ruby Top dalam bahasa Jepang horisontal
Dalam tata letak ideografik vertikal, "bersama" ruby ​​muncul di sisi kanan kolom vertikal teks, dan aliran tata letak sendiri adalah sama dengan basisnya, yaitu ideografik vertikal.

ル                                     
ビ                                      
ベ       ---> ruby base        
ー                                     
ス                                    
 --------------------------                                    

テ     ---> ruby text


 

Gambar 1.1.2: ruby Top diterapkan ke Jepang ideografik vertikal
Ketika teks ruby ​​inline muncul, hal itu mungkin akan ditutupi di dalam tanda kurung. Namun perlu dicatat bahwa tanda kurung digunakan hanya untuk inline ruby. Tidak ada tanda kurung di sekitar teks ruby ​​yang berjalan bersama dasar.

ルビテキスト (ルビベース)
ruby text           ruby base

Gambar 1.1.3: Inline ruby diterapkan ke Jepang horisontal
Dokumen ini memperkenalkan model ruby di HTML menggunakan elemen ruby baru yang berisi rb, rt dan elemen rp. Hanya struktur ruby ​​dibahas dalam dokumen ini. Sebagai contoh, berikut ruby

World Wide Web    --->  ruby text 
WWW   --->   ruby base

Gambar 1.1.4: ruby Top diterapkan ke Bahasa Inggris horisontal
dapat diwakili oleh markup berikut di SGML HTML:

  <ruby> WWW <rp> (<rt> World Wide Web <rp>) </ ruby>
sedangkan XML-ized HTML [ HTML-XML ] versi itu akan:
  <ruby> <rb> WWW </ rb> <rp> (</ rp> <rt> World Wide Web </ rt> <rp>) </ rp> </ ruby>

Dokumen ini hanya mendefinisikan ruby ​​markup. Format properti untuk ruby ​​styling akan ditentukan bukan untuk HTML / XML, tapi untuk CSS / XSL.


saya kutip dari "Cascading stylesheet, tingkat 2 (CSS2) Spesifikasi", W3C Rekomendasi
Bert Bos, Håkon Wium Lie, Chris Lilley dan Ian Jacobs, 12 Mei 1998
Tersedia di: 
http://www.w3.org/TR/REC-CSS2

RUBY DASAR
Jalankan teks yang memiliki teks ruby yang terkait dengannya.

Jalankan teks yang muncul di dekat lain run teks ( "ruby base" ) dan berfungsi sebagai penjelasan atau panduan pengucapan terkait dengan dasar.

Maaf bila ada kesamaan atau bagian yang membuat anda esmuni ehh esmosi ..

abisnya dapet ngerti juga dari embah pinter(google) sih jadi ea mw gmn lagi coba?

hehehe . . map yak, selebihnya silahkan searching di google. hehehe. semoga bermanfaat

kan juga buat kita – kita juga ilmunya..



ya sekian pemberitahuan dari saya, setidaknya bisa membantu anda yang lagi cari-cari tentang materi ini.
heheheh..


cukup sekian dan matur thank's you..

Tidak ada komentar:

Posting Komentar