Penjelasan HTML footer :
HTML
footer Tag - belajar html <footer>, element <footer> mempunyai definisi sebagai footnote atau catatan kaki pada sebuah dokumen HTML.
Dalam penulisan element
<footer>, didalamnya harus berisi tentang informasi mengenai isi dokumenContoh informasi yang bisa ditulis dalam element
<footer> :- Penulis
- Copyright
- Powered by
- Sitemap
- Entri terkait atau artikel terkait
- tombol back to top
- Catatan kaki
- ...
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
| Chrome | 5 |
|---|---|
| Safari | 4.1 |
| Firefox | 4 |
| Opera | 11.1 |
| IE | 9 |
| Edge | Ya |
Mobile
| Android Webview | Ya |
|---|---|
| Chrome Android | Ya |
| Edge Mobile | Ya |
| Firefox Android | 4 |
| Opera Android | 11 |
| iOs Safari | 4.2 |
| Samsung Internet | Ya |
Default CSS :
Browser yang support dengan element
<footer>, biasanya mempunyai nilai default :footer {
display: block;
}