Tampilkan postingan dengan label HTML5. Tampilkan semua postingan
Untuk mempersingkat html blog kita, gunanya biar loading gk terlalu berat. Meskipun cuma kode warna tapi juga mempengaruhi loading juga tuh..
Oke langsung ini kodenya
Sekian dari saya ya semoga bermanfaat, dan jika kurang jelas silahkan komentar dibawah.
Jika mau copas sertakan sumbernya, jangan suka menjadi plagiat sob.
Sumber awal: coretankecil
Oke langsung ini kodenya
#fff
#eee
#ccc
#bbb
#aaa
#999
#888
#777
#666
#555
#444
#333
#222
#111
#000
#0a9
#099
#088
#077
#066
#055
#044
#033
#022
#011
#0f1
#0e1
#0d1
#0c1
#0b1
#0a4
#f90
#f70
#f50
#f30
#f10
#f00
#e00
#d00
#c00
#a00
#800
#f9f
#f9e
#f9d
#f9c
#f9b
#f9a
#f8f
#f6f
#f4f
#f2f
#f0f
Sekian dari saya ya semoga bermanfaat, dan jika kurang jelas silahkan komentar dibawah.
Jika mau copas sertakan sumbernya, jangan suka menjadi plagiat sob.
Sumber awal: coretankecil
Internet, dan penggunaan internet, telah berubah banyak sejak HTML 4.01 menjadi standar pada tahun 1999.
Hari
ini, beberapa elemen dalam HTML 4.01 yang usang, tidak pernah
digunakan, atau tidak menggunakan cara mereka dimaksudkan. Semua
unsur-unsur yang dihapus atau ditulis ulang di HTML5.Untuk lebih menangani penggunaan internet saat ini, HTML5 juga mencakup unsur-unsur baru untuk grafis menggambar, menambahkan konten media, struktur yang lebih baik halaman, penanganan bentuk yang lebih baik, dan beberapa API untuk menyeret / drop elemen, cari Geolocation, termasuk penyimpanan web, tembolok aplikasi, pekerja web, dan lain-lain.
The New <canvas> Element
| Tag | Description |
|---|
| <canvas> | Digunakan untuk menggambar grafik, on the fly, melalui scripting (biasanya JavaScript) |
New Media Elements
| Tag | Description |
|---|
| <audio> | Mendefinisikan isi suara |
| <video> | Mendefinisikan sebuah video atau film |
| <source> | Mendefinisikan beberapa sumber media <video> dan <audio> |
| <embed> | Mendefinisikan sebuah wadah untuk aplikasi eksternal atau konten interaktif (plug-in) |
| <track> | Mendefinisikan trek teks untuk <video> dan <audio> |
New Form Elements
| Tag | Description |
|---|
| <datalist> | Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input |
| <keygen> | Mendefinisikan kunci-pair bidang pembangkit (untuk formulir) |
| <output> | Mendefinisikan hasil penghitungan |
New Semantic/Structural Elements
| Tag | Description |
|---|
| <article> | Mendefinisikan sebuah artikel |
| <aside> | Mendefinisikan konten selain dari konten halaman |
| <bdi> | Isolat bagian dari teks yng dapat diformat dalam arah yang berbeda dari teks lain diluar itu |
| <command> | Mendefinisikan sebuah tombol perintah bahwa seorang pengguna dapat meminta |
| <details> | Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan |
| <dialog> | Mendefinisikan sebuah kotak dialog atau jendela |
| <summary> | Mendefinisikan sebuah judul terlihat untuk elemen <details> |
| <figure> | Menentukan konten mandiri, seperti ilustrasi, diagram, foto, daftar kode, dll |
| <figcaption> | Mendefinisikan sebuah caption untuk elemen <figure> |
| <footer> | Mendefinisikan footer untuk dokumen atau bagian |
| <header> | Mendefinisikan sebuah header untuk dokumen atau bagian |
| <hgroup> | Grup seperangkat <h1> sampai <h6> ketika pos memiliki beberapa tingkatan |
| <mark> | Mendefinisikan ditandai / teks yang disorot |
| <meter> | Mendefinisikan pengukuran skalar dalam kisaran dikenal (a gauge) |
| <nav> | Mendefinisikan navigasi link |
| <progress> | Merupakan kemajuan tugas |
| <ruby> | Mendefinisikan sebuah penjelasan ruby (for East Asian typography) |
| <rt> | Mendefinisikan sebuah penjelasan / pengucapan karakter (for East Asian typography) |
| <rp> | Mendefinisikan yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby |
| <section> | Mendefinisikan bagian dalam dokumen |
| <time> | Mendefinisikan tanggal / waktu |
| <wbr> | Mendefinisikan garis-break mungkin |
Removed Elements
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
Sekian dari saya ya semoga bermanfaat, dan jika kurang jelas silahkan komentar dibawah
Jika mau copas sertakan sumbernya
Refrensi Article
Siang sob, Berhubung saya sibuk didunia nyata mungkin sekitar 1-2 bulan sebagai hadiah saya share sebuah trik lama tapi baru. Seperti judulnya kali ini ane mau share Auto Source Link atau bisa dibilang mencantumkan sumber artikel saat di copy paste. Trick ini saya dapat dari sebuah site yang memang bernaung dibidang tersebut yaitu TYNT. Dari trik tersebut saya rangkum menjadi lebih pendek agar tidak terlalu membebani loading web/blog kita. Oke deh langsung saja ini script-nya
Cara pemakaian:
- Cari kode <body> taruh dibawah kode script-nya diwah kode <body>
- Jika tidak ketemu cari saja kode </body> dan taruh kode script-nya di atas kode </body>
Selesai dan save, Jika artikel ini bermanfaat silahkan COPAS dan asal sertakan sumbernya,
Thanks ^_^
| Tag | Description | New in HTML5? |
|---|---|---|
| <!--...--> | Specifies a comment | |
| <!DOCTYPE> | Specifies the document type | |
| <a> | Specifies a hyperlink | |
| <abbr> | Specifies an abbreviation | |
| <address> | Specifies an address element | |
| <area> | Specifies an area inside an image map | |
| <article> | Specifies an article | NEW |
| <aside> | Specifies content aside from the page content | NEW |
| <audio> | Specifies sound content | NEW |
| > | Specifies bold text | |
| <base> | Specifies a base URL for all the links in a page | |
| <bdi> | For bi-directional text formatting | NEW |
| <bdo> | Specifies the direction of text display | |
| <blockquote> | Specifies a long quotation | |
| <body> | Specifies the body element | |
| <br> | Inserts a single line break | |
| <button> | Specifies a push button | |
| <canvas> | Define graphics | NEW |
| <caption> | Specifies a table caption | |
| <cite> | Specifies a citation | |
| <code> | Specifies computer code text | |
| <col> | Specifies attributes for table columns | |
| <colgroup> | Specifies groups of table columns | |
| <command> | Specifies a command | NEW |
| <data> | Allows for machine-readable data to be provided | NEW |
| <datagrid> | Allows for an interactive representation of tree, list, or tabular data | NEW |
| <datalist> | Specifies an "autocomplete" dropdown list | NEW |
| <dd> | Specifies a definition description | |
| <del> | Specifies deleted text | |
| <details> | Specifies details of an element | NEW |
| <dfn> | Defines a definition term | |
| <div> | Specifies a section in a document | |
| <dl> | Specifies a definition list | |
| <dt> | Specifies a definition term | |
| <em> | Specifies emphasized text | |
| <embed> | Specifies external application or interactive content | NEW |
| <eventsource> | Specifies a target for events sent by a server | NEW |
| <fieldset> | Specifies a fieldset | |
| <figcaption> | Specifies caption for the figure element. | NEW |
| <figure> | Specifies a group of media content, and their caption | NEW |
| <footer> | Specifies a footer for a section or page | NEW |
| <form> | Specifies a form | |
| <h1> | Specifies a heading level 1 | |
| <h2> | Specifies a heading level 2 | |
| <h3> | Specifies a heading level 3 | |
| <h4> | Specifies a heading level 4 | |
| <h5> | Specifies a heading level 5 | |
| <h6> | Specifies a heading level 6 | |
| <head> | Specifies information about the document | |
| <header> | Specifies a group of introductory or navigational aids, including hgroup elements | NEW |
| <hgroup> | Specifies a header for a section or page | NEW |
| <hr> | Specifies a horizontal rule | |
| <html> | Specifies an html document | |
| <i> | Specifies italic text | |
| <iframe> | Specifies an inline sub window (frame) | |
| <img> | Specifies an image | |
| <input> | Specifies an input field | |
| <ins> | Specifies inserted text | |
| <kbd> | Specifies keyboard text | |
| <keygen> | Generates a key pair | NEW |
| <label> | Specifies a label for a form control | |
| <legend> | Specifies a title in a fieldset | |
| <li> | Specifies a list item | |
| <link> | Specifies a resource reference | |
| <mark> | Specifies marked text | NEW |
| <map> | Specifies an image map | |
| <menu> | Specifies a menu list | |
| <meta> | Specifies meta information | |
| <meter> | Specifies measurement within a predefined range | NEW |
| <nav> | Specifies navigation links | NEW |
| <noscript> | Specifies a noscript section | |
| <object> | Specifies an embedded object | |
| <ol> | Specifies an ordered list | |
| <optgroup> | Specifies an option group | |
| <option> | Specifies an option in a drop-down list | |
| <output> | Specifies some types of output | NEW |
| <p> | Specifies a paragraph | |
| <param> | Specifies a parameter for an object | |
| <pre> | Specifies preformatted text | |
| <progress> | Specifies progress of a task of any kind | NEW |
| <q> | Specifies a short quotation | |
| <ruby> | Specifies a ruby annotation (used in East Asian typography) | NEW |
| <rp> | Used for the benefit of browsers that don't support ruby annotations | NEW |
| <rt> | Specifies the ruby text component of a ruby annotation. | NEW |
| <s> | Indicates text that's no longer accurate or relevant. | |
| <samp> | Specifies sample computer code | |
| <script> | Specifies a script | |
| <section> | Specifies a section | NEW |
| <select> | Specifies a selectable list | |
| <small> | Specifies small text | |
| <source> | Specifies media resources | NEW |
| <span> | Specifies a section in a document | |
| <strong> | Specifies strong text | |
| <style> | Specifies a style definition | |
| <sub> | Specifies subscripted text | |
| <summary> | Specifies a summary / caption for the <details> element | NEW |
| <sup> | Specifies superscripted text | |
| <table> | Specifies a table | |
| <tbody> | Specifies a table body | |
| <td> | Specifies a table cell | |
| <textarea> | Specifies a text area | |
| <tfoot> | Specifies a table footer | |
| <th> | Specifies a table header | |
| <thead> | Specifies a table header | |
| <time> | Specifies a date/time | NEW |
| <title> | Specifies the document title | |
| <tr> | Specifies a table row | |
| <track> | Specifies a text track for media such as video and audio | NEW |
| <u> | Specifies text with a non-textual annotation. | |
| <ul> | Specifies an unordered list | |
| <var> | Specifies a variable | |
| <video> | Specifies a video | NEW |
| <wbr> | Specifies a line break opportunity for very long words and strings of text with no spaces. | NEW |