tRikSonic
Tema

HTML footer Tag

Terakhir diperbarui : 24 Mei 2018 - 18.33

Penjelasan HTML footer :

HTML footer Tag - belajar html <footer>, element <footer> mempunyai definisi sebagai footnote atau catatan kaki pada sebuah dokumen HTML.
background html
Dalam penulisan element <footer>, didalamnya harus berisi tentang informasi mengenai isi dokumen
Contoh informasi yang bisa ditulis dalam element <footer> :
  1. Penulis
  2. Copyright
  3. Powered by
  4. Sitemap
  5. Entri terkait atau artikel terkait
  6. tombol back to top
  7. Catatan kaki
  8. ...

Contoh 1 html element <footer> :

<footer>
 Copyright © 2017 Triksonic.blogspot.com 
</footer>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<article>
 <h2>Triksonic</h2>
 <p>
  Triksonic adalah blog yang membahas tentang tutorial.
 </p>
</article>

<hr/>

<footer>
 Copyright © 2017 Triksonic.blogspot.com 
</footer>

</body>
</html>

Contoh 2 html element <footer> :

<blockquote cite="https://id.wikipedia.org/wiki/HTML5">
 <p>
  <strong>HTML5</strong> merupakan salah satu karya 
  Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) 
  untuk mendefinisikan sebuah bahasa markah tunggal 
  yang dapat ditulis dengan cara HTML ataupun XHTML.
 </p>
 <footer>Sumber :<em>wikipedia</em></footer>
</blockquote>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<article>
 <h2>Apa itu HTML5</h2>
 <p>Berikut penjelasan singkat mengenai apa itu HTML5</p>

<blockquote cite="https://id.wikipedia.org/wiki/HTML5">
 <p>
  <strong>HTML5</strong> merupakan salah satu karya 
  Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) 
  untuk mendefinisikan sebuah bahasa markah tunggal 
  yang dapat ditulis dengan cara HTML ataupun XHTML.
 </p>
 <footer>Sumber :<em>wikipedia</em></footer>
</blockquote>
</article>

<hr/>

<footer>
 Copyright © 2016 Triksonic.blogspot.com 
</footer>

</body>
</html>

Global Attributes:

Element <footer> mencakup Global Attributes HTML.

Event Attributes:

Element <footer> mencakup Event Attributes HTML.

Browser Support :

Desktop

Chrome5
Safari4.1
Firefox4
Opera11.1
IE9
EdgeYa

Mobile

Android WebviewYa
Chrome AndroidYa
Edge MobileYa
Firefox Android4
Opera Android11
iOs Safari4.2
Samsung InternetYa

Default CSS :

Browser yang support dengan element <footer>, biasanya mempunyai nilai default :
footer { 
    display: block;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.