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;
}