Blog Belajar HTML: Tag aside HTML 5

Aside atau as side merupakan tag HTML5 berisi informasi yang masih berkaitan dengan konten utama, tetapi beridiri sendiri. Bingung? Penulis beri contoh saja, penggunaannya untuk artikel atau informasi terkait, menu untuk share ke media sosial, penempatan iklan, informasi pemilik blog, dan informasi aplikasi web untuk ponsel pintar.

Contoh penerapan tag aside (mashable.com)

Tag <aside> dalam bahasa Indoensia diartikan "selain". Selain dari konten, tetapi masih berkaitan. Penempatannya bisa di mana saja, tak harus di side bar. Tag aside memiliki tag pembuka <aside> dan penutup </aside>. Tag aside menudukung css untuk pemformatan dan tata letak. Tag aside bisa berada di dalam tag article atau berdiri sendiri.

Contoh: aside.html

<!DOCTYPE HTML>
    <html>
       <head>
           <title>Tag aside</title>
           <style type="text/css">
           #isi{font-family: Tahoma, Verdana; width:850px;font-size:12px;}
           #kiri{width:490px; padding:right:8px;
           display:inline-block;
           border-right:1px solid #ccc;float:left;}
           #kanan{width:330px;margin-left:20px; float:left;}
           aside.ref{background-color:#FAFAFA;}
           aside.share{background-color:#FAFAFA;
           pading:5px;width:490px; height:40px;}
           aside.author{background-color:#FAFAFA;font-size:10px;}
           </style>
       </head>
    <body>
    <div id="isi">
       <div id="kiri">
<article>
       <strong>Tag aside share: Di sini kode share ke fb, twitter, Google+</strong>
       <aside class="share">
       Fb, Google+, Twitter.
       </aside>
       <p>Muhammad bin Abdullah (lahir di Mekkah, 20 April 570 – meninggal di Madinah,
       8 Juni 632 pada umur 62 tahun) adalah seorang nabi dan rasul yang terakhir bagi
       umat Muslim. Muhammad menciptakan ajaran dan ilmu pengetahuan berupa agama Islam.
       </p>
       <p>
       Michael H. Hart dalam bukunya The 100 menilai Muhammad sebagai
       tokoh paling berpengaruh sepanjang sejarah manusia. Menurut Hart,
       Muhammad adalah satu-satunya orang yang berhasil meraih
       keberhasilan luar biasa baik dalam hal spiritual maupun kemasyarakatan.
       Hart mencatat bahwa Muhammad mampu mengelola bangsa yang awalnya egoistis,
       barbar, terbelakang, dan terpecah-belah oleh sentimen kesukuan menjadi
       bangsa yang maju dalam bidang ekonomi, kebudayaan, dan kemiliteran
       bahkan sanggup mengalahkan pasukan Romawi yang saat itu merupakan
       kekuatan militer terdepan di dunia.
       </p>
<strong>Tag aside tentang penulis:</strong>
       <aside class="author">
       Artikel ini ditulis oleh kontributor Wikipedia, dengan url: http://id.wikipedia.org/wiki/Muhammad
</aside>
</article>
       </div>

       <div id="kanan">
       <strong>Tag aside informasi terkait:</strong>
       <aside class="ref">
       Gelar: Khatamul Anbiya, al-Mahi, Nabi ar-Rahmah, Rasulullah/Rasul (utusan),
       An-Nabi, Syahidan (Saksi), Mubasysyiran (Pemberi kabar gembira),
       Nazhir (Pemberi peringatan), Da'i (Penyeru kepada Allah)[1] Al-Mustafa,
       Al-Amin, Shalallahu alaihi wa Salam.
       </aside>
       </div>

</div>
</body>
</html>

Tampilan:

Referensi tulisan:

<aside>; ditulis oleh: Tim MDN (Mozilla Developer Network, developer.mozilla.org, diakses 27 September 2014.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
Muhammad, ditulis oleh Kontributor Wikipedia, id.wikipedia.org, diakses 27 September 2014.

Friday, September 26, 2014

Tag aside HTML 5

1 comment: