Semantic UI adalah kumpulan kode/framework yang membantu menciptakan tampilan yang cantik dan responsif dengan menggunakan HTML yang human-friendly.
Bahasa pemrograman ini memiliki fungsi yang sama dengan bootstrap.
Bahasa pemrograman ini memiliki kelebihan-kelebihan seperti.
- Concise HTML
Semancti UI membuat kode-kode dan class yang dapat disesuaikan serta penulisanya pun dibuat dari bahasa yang biasa digunakan sehingga mudah untuk dimodifikasi hubungannya. - Intuitive Javascript
javascript dapat dilihat dan dimodifikasi dengan mudah dimengerti. contoh$('select.dropdown') .dropdown('set selected', ['meteor', 'ember']) ; - Simplified Debugging
dapat dengan mudah mencari permasalahan yang terjadi.
berikut ini langkah-langkah cara menggunaakn simantic ui di halaman website
- download dulu simantic di website resminya disini
- Setelah didownload, buat folder dengan nama “simatic-test” kemudian ektrak di folder htdocs tersebut
- folder dari ektrak diberi nama “simantik”
- kemudian buat file bernama index.html, kodenya html sederhana
- index.html belum terhubung dengan file simantik untuk itu kita membutuhkan code tambahan untuk menghubungkannya dan simantic ini tetap membutuhkan sebuah file jquery
- jika di gabungkan akan berbentuk seperti ini :
- dokumen simantik siap digunakan..
untuk file dokumentasi atribut-atribut html lain, kamu dapat membacanya di halaman dokumentasi websitenya disini