Pertanyaan wawancara html dan css

• 
tag – Biasanya
tag digunakan untuk memisahkan baris teks. Itu memecah garis saat ini dan menyampaikan aliran ke baris berikutnya

• _ tag – Ini berisi teks dalam bentuk paragraf baru

• _0 tag – Digunakan untuk menentukan bagian besar yang dikutip. Jika Anda memiliki kutipan besar, letakkan seluruh teks di dalam tag 1

Apa perbedaan antara DIV dan SPAN dalam HTML?

Lihat jawaban

Sembunyikan jawaban

Perbedaan antara span dan div adalah bahwa elemen span adalah in-line dan biasanya digunakan untuk sebagian kecil HTML di dalam sebuah baris, seperti di dalam sebuah paragraf. Sedangkan, elemen div atau divisi adalah garis blok yang setara dengan jeda baris sebelum dan sesudahnya dan digunakan untuk mengelompokkan potongan kode yang lebih besar

Apakah ada cara untuk menjaga agar elemen daftar tetap lurus dalam file HTML?

Lihat jawaban

Sembunyikan jawaban

Dengan menggunakan indentasi, Anda dapat membuat elemen daftar tetap lurus. Jika Anda mengindentasi setiap daftar sub bersarang lebih jauh dari daftar induk, Anda dapat dengan mudah menentukan berbagai daftar dan elemen yang dikandungnya

Jelaskan Perbedaan Utama Antara Objek LocalStorage Dan SessionStorage

Lihat jawaban

Sembunyikan jawaban

Perbedaan utama antara objek localStorage dan sessionStorage adalah sebagai berikut

• Objek localStorage menyimpan data tanpa tanggal kedaluwarsa. Namun, objek sessionStorage menyimpan data hanya untuk satu sesi
• Dalam kasus objek localStorage, data tidak akan terhapus saat jendela browser ditutup. Namun, data akan dihapus jika jendela browser ditutup, dalam kasus objek sessionStorage
• Data dalam sessionStorage hanya dapat diakses di jendela browser saat ini. Namun, data di localStorage dapat dibagi di antara beberapa jendela browser

Apa hubungan antara atribut perbatasan dan aturan?

Lihat jawaban

Sembunyikan jawaban

Batas sel default, dengan ketebalan 1 piksel, secara otomatis ditambahkan di antara sel jika atribut batas diatur ke nilai bukan nol. Demikian pula, jika atribut batas tidak disertakan, batas default 1 piksel muncul saat atribut aturan ditambahkan ke tag 2

Apa perbedaan antara HTML dan XHTML?

Lihat jawaban

Sembunyikan jawaban

Perbedaan antara HTML dan XHTML adalah

• HTML adalah aplikasi Bahasa Markup Umum Standar. Sedangkan XML adalah aplikasi Extensible Markup Language
• Yang pertama adalah Halaman Web statis sedangkan yang berikutnya adalah Halaman Web dinamis
• HTML memungkinkan programmer untuk melakukan perubahan pada tag dan menggunakan minimalisasi atribut sedangkan XHTML ketika pengguna membutuhkan tag markup baru maka pengguna dapat mendefinisikannya dalam hal ini
• HTML adalah tentang menampilkan informasi sedangkan XHTML adalah tentang menggambarkan informasi

What would happen if the HTML Document does not contain ?

Lihat jawaban

Sembunyikan jawaban

Ini menginstruksikan Browser Web tentang versi HTML yang digunakan untuk membuat halaman Web. Jika pengembang melewatkan mendeklarasikan informasi DOCTYPE dalam kode, maka fitur dan tag baru yang disediakan oleh HTML5, seperti 3 tidak akan didukung. Selain itu, Browser dapat secara otomatis masuk ke Quirks atau Strict Mode

Apa saja fitur baru utama dalam HTML5?

Lihat jawaban

Sembunyikan jawaban

Fitur baru utama HTML5 meliputi

• Peningkatan dukungan untuk menyematkan konten grafik, audio, dan video melalui tag 4 baru
• Ekstensi ke JavaScript API seperti geolokasi dan drag-and-drop juga untuk penyimpanan dan caching
• Pengenalan "pekerja web"
• Beberapa tag semantik baru juga ditambahkan untuk melengkapi logika struktural aplikasi web modern. Ini termasuk 5 tag
• Kontrol formulir baru, seperti _6

Apa itu "pekerja web"?

Lihat jawaban

Sembunyikan jawaban

Pekerja web akhirnya membawa multi-threading ke JavaScript. Pekerja web adalah skrip yang berjalan di latar belakang [mis. e. , di utas lain] tanpa halaman perlu menunggu hingga selesai. Pengguna dapat terus berinteraksi dengan halaman saat pekerja web berjalan di latar belakang. Pekerja memanfaatkan pengiriman pesan seperti benang untuk mencapai paralelisme

Apa itu API Geolokasi di HTML5?

Lihat jawaban

Sembunyikan jawaban

API Geolokasi HTML5 memungkinkan pengguna berbagi lokasi fisik mereka dengan situs web yang dipilih. JavaScript dapat menangkap lintang dan bujur pengguna dan dapat mengirimkannya ke server web back-end untuk mengaktifkan fitur sadar lokasi seperti menemukan bisnis lokal atau menampilkan lokasi mereka di peta. Saat ini, sebagian besar browser dan perangkat seluler mendukung API Geolokasi. API Geolokasi berfungsi dengan properti baru dari objek navigator global. Objek geolokasi adalah objek layanan yang memungkinkan widget mengambil informasi tentang lokasi geografis perangkat pengguna

Apa salah satu hasil utama jika Anda tidak menentukan doctype di halaman HTML?

Lihat jawaban

Sembunyikan jawaban

Tag khusus HTML5 baru tidak akan ditafsirkan oleh browser

Apa perbedaan antara elemen 'blok' dan 'inline'?

Lihat jawaban

Sembunyikan jawaban

Elemen blok diprogram sehingga akan mengambil ruang sebanyak mungkin. Berbeda dengan itu, elemen sebaris dirancang untuk mengambil ruang yang sangat minim

Bagaimana Anda mengelompokkan elemen bentuk?

Lihat jawaban

Sembunyikan jawaban

Jika Anda ingin mengumpulkan dan mentransfer elemen HTML formulir tertentu ke dalam satu grup, tag fieldset dianggap yang terbaik untuk digunakan

Haruskah Anda menciutkan ruang putih?

Lihat jawaban

Sembunyikan jawaban

Ini mungkin muncul sebagai salah satu trik pertanyaan wawancara HTML, hanya karena kata-katanya. Tapi jangan tertipu – runtuhnya ruang putih dianggap cukup menguntungkan

Dalam HTML, spasi juga dianggap sebagai karakter. Itu berarti bahwa mereka mengambil ruang. Jika Anda menciutkannya, Anda mungkin dapat meningkatkan keterbacaan proyek Anda

Apa itu applet?

Lihat jawaban

Sembunyikan jawaban

Applet adalah program kecil yang dapat disematkan dengan halaman web untuk melakukan beberapa fungsi tertentu seperti perhitungan, animasi

Bagaimana kami menggunakan JavaScript dengan HTML?

Lihat jawaban

Sembunyikan jawaban

Dengan menggunakan tag script kita dapat menggunakan JavaScript dengan HTML

Apa itu soket web?

Lihat jawaban

Sembunyikan jawaban

Soket Web adalah teknologi komunikasi dua arah generasi berikutnya untuk aplikasi web yang beroperasi melalui soket tunggal dan diekspos melalui antarmuka JavaScript di browser yang mendukung HTML 5

Apakah yang Anda maksud: model kotak

Lihat jawaban

Sembunyikan jawaban

Setiap Elemen pada Halaman adalah Kotak Persegi Panjang dan mungkin memiliki Lebar, Tinggi, Padding, Perbatasan, dan Margin. Setiap bagian dari model kotak berhubungan dengan properti CSS. lebar, tinggi, padding, border, dan margin

Apa yang dimaksud dengan markup dalam HTML?

Lihat jawaban

Sembunyikan jawaban

Urutan karakter atau simbol lain yang biasanya kita gunakan untuk menyisipkan di tempat-tempat tertentu dalam kata atau file teks untuk menunjukkan bagaimana tampilan file ketika ditampilkan atau dicetak atau Pada dasarnya untuk menggambarkan struktur logis dokumen. Indikator markup sering dikenal sebagai tag. Elemen dan tag adalah dua kata berbeda yang perlu kita pahami karena banyak kebingungan di kalangan publik terkait fakta ini. Harus diperhatikan bahwa dokumen HTML mengandung tag, tetapi tidak mengandung elemen. Ini adalah kesalahpahaman luas yang biasanya muncul dalam pikiran bahwa keduanya ada dalam dokumen HTML. elemen biasanya hanya dihasilkan setelah langkah penguraian dari tag ini

Bagaimana Saya Menentukan Kombinasi Bingkai Tertentu Daripada Dokumen Default?

Lihat jawaban

Sembunyikan jawaban

Sayangnya ini tidak mungkin. Saat Anda menavigasi situs menggunakan bingkai, URL tidak akan berubah karena dokumen dalam setiap bingkai berubah. Ini berarti bahwa tidak ada cara untuk menunjukkan kombinasi dokumen yang membentuk kondisi frameset saat ini

Penulis dapat menyediakan beberapa dokumen frameset, satu untuk setiap kombinasi konten frame. Dokumen frameset ini dapat dihasilkan secara otomatis, mungkin dibuat dengan cepat oleh program CGI. Daripada menautkan ke dokumen konten individual, penulis dapat menautkan ke dokumen kumpulan bingkai terpisah ini menggunakan TARGET="_top". Dengan demikian, URL dokumen frameset saat ini akan selalu menentukan kombinasi frame yang ditampilkan, yang memungkinkan link, bookmark, dll. untuk berfungsi secara normal

Mengapa Bingkai Saya Tidak Sesuai dengan Ukuran yang Saya Tentukan?

Lihat jawaban

Sembunyikan jawaban

Versi Netscape Navigator yang lebih lama tampaknya mengonversi dimensi bingkai berbasis piksel menjadi seluruh persentase, dan menggunakan dimensi berbasis persentase tersebut saat meletakkan bingkai. Dengan demikian, frame dengan dimensi berbasis piksel akan dirender dengan ukuran yang sedikit berbeda dari yang ditentukan dalam dokumen frameset. Kesalahan pembulatan akan bervariasi tergantung pada ukuran jendela browser yang tepat. Selain itu, Navigator tampaknya menyimpan dimensi berbasis persentase secara internal, bukan dimensi berbasis piksel asli. Jadi, ketika ukuran jendela diubah, bingkai digambar ulang berdasarkan ukuran jendela baru dan dimensi berbasis persentase lama

Tidak ada cara untuk mencegah perilaku ini. Untuk mengakomodasinya, Anda harus mendesain situs Anda untuk beradaptasi dengan variasi dimensi bingkai. Ini adalah situasi lain di mana ada baiknya mengakomodasi variasi dalam presentasi browser

Apakah Mungkin Membuat Sumber Html Tidak Dapat Dilihat?

Lihat jawaban

Sembunyikan jawaban

Singkatnya, tidak ada metode atau skrip nyata untuk membuat kode sumber HTML standar tidak dapat dilihat. Anda dapat mempertimbangkan untuk melakukan salah satu dari hal di bawah ini jika mereka mengkhawatirkan kode sumber Anda

• Buat halaman web di Macromedia Flash atau program serupa. Pengunjung perlu mengunduh plug-in Macromedia Flash dan tidak dapat melihat kode sumber untuk applet flash
• Ada berbagai skrip yang akan menonaktifkan fitur klik kanan, mencegah pengguna menyimpan gambar atau melihat sumbernya. Namun, ini tidak akan melindungi kode sumber halaman Anda. Misalnya, pengguna Internet Explorer mungkin masih mengklik "Lihat" dan "Sumber" untuk melihat kode sumber halaman, atau pengguna dapat menonaktifkan skrip dan gambar dapat disimpan hanya dengan menyimpan halaman web ke hard drive
• Ada beberapa program yang akan membantu mengacak kode Anda, membuatnya sulit [bukan tidak mungkin] untuk dibaca. Sekali lagi, ini tidak akan mencegah seseorang melihat kode Anda

Jelaskan Vbscript

Lihat jawaban

Sembunyikan jawaban

Ini adalah bahasa scripting yang dikembangkan oleh Microsoft dan didasarkan pada Visual Basic. Fungsionalitasnya dalam lingkungan web bergantung pada mesin ASP atau Windows Scripting Host, dan harus digunakan pada platform hosting Windows

Bagaimana cara membuat formulir agar dapat dikirimkan dengan menekan ENTER?

Lihat jawaban

Sembunyikan jawaban

Jawaban singkatnya adalah bahwa formulir yang seharusnya hanya memiliki satu 7 dan tidak ada TEXTREAA, meskipun dapat berperilaku bentuk elemen lain seperti kotak centang dan tombol radio

Apa itu DOM bayangan?

Lihat jawaban

Sembunyikan jawaban

merangkum bagian dari DOM. sembunyikan subpohon. Anda dapat memiliki ID yang sama di shadow DOM yang berbeda. Polimer menggunakannya. Dengan cara ini DOM Anda dapat digunakan kembali. jika pewawancara tidak senang dengan jawaban Anda berikan dia tautan dan katakan padanya untuk menghabiskan akhir pekan untuk membaca

Pertanyaan Wawancara HTML Tingkat Lanjut

Bagaimana data disimpan di HTML5?

Lihat jawaban

Sembunyikan jawaban

Ada dua cara untuk menyimpan data dalam HTML5 – dengan penyimpanan lokal dan dengan penyimpanan sesi. Data yang tersimpan di local storage aman dan tidak akan terhapus setelah developer memutuskan untuk keluar dari browser. Di penyimpanan sesi, setelah Anda keluar dari browser, data akan dihapus secara otomatis

Sebagian teks tampaknya keluar dari batas halaman. Mengapa demikian?

Lihat jawaban

Sembunyikan jawaban

Biasanya, situasi ini hampir tidak mungkin – HTML memiliki batasan yang jelas yang ditetapkan sehingga teks atau gambar tidak dapat melewatinya. Namun, pada kesempatan langka, sebuah teks mungkin keluar dari batas tersebut. Ini biasanya terjadi ketika teks diketik dalam tabel yang memiliki beberapa parameter yang salah [terutama lebarnya]

Pertanyaan Wawancara jQuery

Apa keuntungan menggunakan jQuery?

Lihat jawaban

Sembunyikan jawaban

• Mudah digunakan dan dipelajari
• Mudah diperluas
• Dukungan lintas-browser [IE 6. 0+, FF 1. 5+, Safari 2. 0+, Opera 9. 0+]
• Mudah digunakan untuk manipulasi dan traversal DOM
• Kumpulan besar metode bawaan
• Kemampuan AJAX
• Metode untuk mengubah atau menerapkan CSS, membuat animasi
• Deteksi dan penanganan peristiwa
• Banyak plugin untuk semua jenis kebutuhan

Perbedaan antara pemilih ID dan pemilih kelas di jQuery?

Lihat jawaban

Sembunyikan jawaban

Jika Anda pernah menggunakan CSS, maka Anda mungkin tahu perbedaan antara ID dan pemilih kelas, sama halnya dengan jQuery. Pemilih ID menggunakan ID e. g. #element1 untuk memilih elemen, sedangkan pemilih kelas menggunakan kelas CSS untuk memilih elemen. Ketika Anda hanya perlu memilih satu elemen saja, gunakan pemilih ID, sedangkan jika Anda ingin memilih sekelompok elemen, memiliki kelas CSS yang sama daripada menggunakan pemilih kelas. Ada kemungkinan besar, Wawancara akan meminta Anda untuk menulis kode menggunakan ID dan pemilih kelas. Dari perspektif sintaksis, seperti yang Anda lihat, perbedaan lain antara ID dan pemilih kelas adalah yang pertama menggunakan “#” dan kemudian menggunakan “. ” karakter. Analisis dan pembahasan lebih rinci, lihat jawaban

Apa keuntungan utama memuat pustaka jQuery menggunakan CDN?

Lihat jawaban

Sembunyikan jawaban

Terlepas dari banyak keuntungan termasuk mengurangi bandwidth server dan mengunduh lebih cepat, salah satu yang paling penting adalah, jika browser telah mengunduh versi jQuery yang sama dari CDN yang sama, maka browser tidak akan mengunduhnya lagi. Sejak saat ini, hampir banyak situs web publik menggunakan jQuery untuk interaksi dan animasi pengguna, ada kemungkinan besar browser sudah mengunduh pustaka jQuery. Pembaca yang penasaran, silakan lihat jawabannya untuk analisis mendalam

Pertanyaan Wawancara CSS

Bagaimana cara kerja aturan preseden/cascading CSS? . direktif penting mempengaruhi aturan?

Lihat jawaban

Sembunyikan jawaban

Aturan gaya CSS "kaskade" dalam arti bahwa mereka mengikuti urutan prioritas. Aturan gaya global diterapkan terlebih dahulu ke elemen HTML, dan aturan gaya lokal menggantikannya. Misalnya, gaya yang ditentukan dalam elemen gaya di laman web menimpa gaya yang ditentukan dalam lembar gaya eksternal. Demikian pula, gaya sebaris yang ditentukan dalam elemen HTML di halaman menimpa gaya apa pun yang ditentukan untuk elemen yang sama di tempat lain. Itu. aturan penting adalah cara untuk membuat kaskade CSS Anda tetapi juga memiliki aturan yang menurut Anda paling penting selalu diterapkan. Aturan yang memiliki. properti penting akan selalu diterapkan di mana pun aturan itu muncul di dokumen CSS. Jadi jika Anda ingin memastikan bahwa properti selalu diterapkan, Anda akan menambahkan. properti penting untuk tag. Jadi, untuk membuat teks paragraf selalu berwarna merah, pada contoh di atas, Anda akan menulis. p {warna. #ff0000. penting; . #000000;

Bagaimana Saya Mendesain Untuk Kompatibilitas Mundur Menggunakan Style Sheets?

Lihat jawaban

Sembunyikan jawaban

Metode gaya HTML yang ada [seperti 8 dan 9] dapat dengan mudah dikombinasikan dengan metode spesifikasi style sheet. Browser yang tidak memahami style sheet akan menggunakan metode pemformatan HTML lama, dan spesifikasi style sheet dapat mengontrol tampilan elemen ini di browser yang mendukung CSS1

Apa Yang Dapat Dilakukan Dengan Style Sheets Yang Tidak Dapat Dilakukan Dengan Html Biasa?

Lihat jawaban

Sembunyikan jawaban

Banyak ekstensi baru-baru ini ke HTML merupakan upaya tentatif dan agak kasar untuk mengontrol tata letak dokumen. Style sheet melampaui beberapa langkah, dan memperkenalkan kontrol border, margin, dan spasi yang rumit ke sebagian besar elemen HTML. Itu juga memperluas kemampuan yang diperkenalkan oleh sebagian besar ekstensi browser HTML yang ada. Warna atau gambar latar belakang sekarang dapat ditetapkan ke elemen HTML APA PUN, bukan hanya elemen BODY dan batas kini dapat diterapkan ke elemen apa pun, bukan hanya ke tabel. Untuk informasi lebih lanjut tentang kemungkinan properti di CSS, lihat Index Properti DOT Css Property Index

Mengapa Saya Tidak Harus Menggunakan Font Berukuran Tetap?

Lihat jawaban

Sembunyikan jawaban

Hanya dalam situasi yang sangat jarang kami akan menemukan pengguna yang memiliki perangkat rendering "terkalibrasi" yang menunjukkan ukuran font tetap dengan benar. Ini memberi tahu kita bahwa kita tidak akan pernah tahu ukuran sebenarnya dari font saat dirender di sisi pengguna. Orang lain mungkin menganggap pilihan ukuran font Anda tidak nyaman. Banyak sekali orang yang memiliki masalah penglihatan dan membutuhkan teks yang lebih besar dari rata-rata. Orang lain memiliki penglihatan yang baik dan lebih memilih keuntungan dari lebih banyak teks di layar yang memungkinkan ukuran font yang lebih kecil. Apa yang nyaman bagi Anda di sistem Anda mungkin tidak nyaman bagi orang lain. Browser memiliki ukuran default untuk font. Jika pengguna menganggap ini tidak pantas, mereka dapat mengubahnya menjadi sesuatu yang mereka sukai. Anda tidak pernah dapat berasumsi bahwa pilihan Anda lebih baik untuk mereka. Jadi, tinggalkan ukuran font untuk sebagian besar teks Anda. Jika Anda ingin mengubahnya di tempat tertentu [misalkan teks yang lebih kecil untuk pemberitahuan hak cipta di bagian bawah halaman], gunakan unit relatif sehingga ukurannya akan tetap sesuai dengan apa yang mungkin sudah dipilih pengguna. Ingat, jika orang merasa teks Anda tidak nyaman, mereka tidak akan repot-repot berjuang dengan situs web Anda. Sangat sedikit [jika ada] situs web yang cukup penting bagi pengguna rata-rata untuk membenarkan pertengkaran dengan ide penulis tentang apa yang terbaik

Apa manfaat sprite CSS?

Lihat jawaban

Sembunyikan jawaban

Jika halaman web memiliki no besar. gambar yang membutuhkan waktu lebih lama untuk dimuat karena setiap gambar mengirimkan permintaan HTTP secara terpisah. Konsep sprite CSS digunakan untuk mengurangi waktu loading halaman web karena menggabungkan berbagai gambar kecil menjadi satu gambar. Ini mengurangi jumlah permintaan HTTP dan karenanya waktu pemuatan

Sprite CSS menggabungkan banyak gambar menjadi satu gambar, membatasi jumlah permintaan HTTP yang harus dibuat oleh browser, sehingga meningkatkan waktu muat. Bahkan di bawah protokol HTTP/2 yang baru, hal ini tetap berlaku

Di bawah HTTP/1. 1, paling banyak satu permintaan diperbolehkan per koneksi TCP. Dengan HTTP/1. 1, browser modern membuka banyak koneksi paralel [antara 2 hingga 8] tetapi terbatas. Dengan HTTP/2, semua permintaan antara browser dan server dimultipleks pada satu koneksi TCP. Ini berarti biaya membuka dan menutup banyak koneksi dikurangi, menghasilkan penggunaan koneksi TCP yang lebih baik dan membatasi dampak latensi antara klien dan server. Kemudian dimungkinkan untuk memuat puluhan gambar secara paralel pada koneksi TCP yang sama

Namun, menurut hasil benchmark, meskipun HTTP/2 menawarkan peningkatan 50% dibandingkan HTTP/1. 1, dalam banyak kasus set sprite masih lebih cepat dimuat daripada gambar individual

Untuk memanfaatkan spritesheet di CSS, seseorang akan menggunakan properti tertentu, seperti background-image, background-position dan background-size untuk akhirnya mengubah latar belakang suatu elemen.

Apa itu tween?

Lihat jawaban

Sembunyikan jawaban

Ini adalah proses menghasilkan bingkai perantara antara dua gambar. Ini memberi kesan bahwa gambar pertama dengan mulus berkembang menjadi gambar kedua. Ini adalah metode penting yang digunakan di semua jenis animasi. Di CSS3, Transformasi [matriks, terjemahkan, putar, skala dll. ] modul dapat digunakan untuk mencapai tweening

Apa keuntungan dan kerugian dari style sheet tertanam?

Lihat jawaban

Sembunyikan jawaban

Ini adalah pertanyaan wawancara CSS3 dasar yang sering ditanyakan dalam sebuah wawancara. Berikut ini adalah kebaikan dan keburukan adalah sebagai berikut

Kelebihan

• Beberapa jenis tag dapat dibuat dalam satu dokumen
• Gaya, dalam situasi yang kompleks, dapat diterapkan dengan menggunakan metode Selector dan pengelompokan
• Unduhan tambahan yang tidak perlu

Kerugian

• Beberapa dokumen tidak dapat dikontrol

Apa yang dimaksud dengan pemilih CSS?

Lihat jawaban

Sembunyikan jawaban

Sebuah string yang setara dengan elemen HTML dimana deklarasi atau satu setnya, dideklarasikan dan merupakan tautan yang dapat dirujuk untuk menghubungkan HTML dan Style sheet adalah pemilih CSS

Apa itu pemilih kontekstual?

Lihat jawaban

Sembunyikan jawaban

Selektor yang digunakan untuk memilih kejadian khusus dari suatu elemen disebut pemilih kontekstual. Sebuah ruang memisahkan pemilih individu. Hanya elemen terakhir dari pola yang dialamatkan dalam pemilih jenis ini. Untuk e. g. TD P TEKS {warna. biru}

Apa itu degradasi anggun?

Lihat jawaban

Sembunyikan jawaban

Jika komponen gagal, itu akan terus berfungsi dengan baik di hadapan degradasi yang baik. Aplikasi browser terbaru digunakan saat halaman web dirancang. Karena tidak tersedia untuk semua orang, ada fungsi dasar yang memungkinkan penggunaannya untuk khalayak yang lebih luas. Jika gambar tidak tersedia untuk dilihat, teks ditampilkan dengan tag alt

Apa itu peningkatan progresif?

Lihat jawaban

Sembunyikan jawaban

Ini adalah alternatif dari degradasi yang anggun, yang berkonsentrasi pada masalah web. Fungsionalitasnya sama, tetapi memberikan keunggulan ekstra bagi pengguna yang memiliki bandwidth terbaru. Ini telah menjadi penggunaan yang menonjol baru-baru ini dengan koneksi internet seluler memperluas basis mereka

Apa itu Lembar Gaya Alternatif?

Lihat jawaban

Sembunyikan jawaban

Alternate Style Sheets memungkinkan pengguna untuk memilih gaya tampilan halaman menggunakan menu view>page style. Melalui Alternate Style Sheet, pengguna dapat melihat beberapa versi halaman sesuai kebutuhan dan preferensi mereka

Bagaimana CSS dapat mengalir untuk digabungkan dengan lembar pribadi pengguna?

Lihat jawaban

Sembunyikan jawaban

Properti dapat diatur di tempat yang direkomendasikan dan dokumen dimodifikasi agar CSS dapat digabungkan dengan lembar pribadi pengguna

Bagaimana fungsi indeks Z?

Lihat jawaban

Sembunyikan jawaban

Tumpang tindih dapat terjadi saat menggunakan CSS untuk memposisikan elemen HTML. Indeks Z membantu dalam menentukan elemen yang tumpang tindih. Ini adalah angka yang bisa positif atau negatif, nilai standarnya adalah nol

Apa itu kekhususan CSS?

Lihat jawaban

Sembunyikan jawaban

Kekhususan CSS adalah skor atau peringkat yang menentukan deklarasi gaya mana yang harus digunakan untuk suatu elemen. [*] pemilih universal ini memiliki spesifisitas rendah sedangkan pemilih ID memiliki spesifisitas tinggi

Mengapa latar belakang dan warna adalah properti yang terpisah jika harus selalu disatukan?

Lihat jawaban

Sembunyikan jawaban

Ada dua alasan di balik ini

• Ini meningkatkan keterbacaan style sheet. Properti latar belakang adalah properti kompleks di CSS, dan jika digabungkan dengan warna, kompleksitasnya akan semakin meningkat
• Warna adalah properti yang diwariskan sedangkan latar belakang tidak. Sehingga hal ini dapat membuat kebingungan lebih lanjut

Apa gunanya ruleset?

Lihat jawaban

Sembunyikan jawaban

Kumpulan aturan digunakan untuk mengidentifikasi bahwa penyeleksi dapat dilampirkan dengan penyeleksi lainnya. Ini memiliki dua bagian

• Pemilih - Pemilih menunjukkan elemen HTML yang ingin Anda gaya
• Blok Deklarasi - Blok deklarasi dapat berisi satu atau lebih deklarasi yang dipisahkan oleh titik koma

Apakah Anda menggunakan preprosesor CSS, dan mana yang Anda sukai?

Lihat jawaban

Sembunyikan jawaban

Jika Anda mengerjakan proyek sedang hingga besar, sebaiknya gunakan praprosesor CSS. Mereka memungkinkan Anda untuk menulis CSS yang lebih ringkas, membaginya menjadi beberapa file dan menggunakan sejumlah besar fungsi dan mixin yang sangat berguna [Anda bahkan dapat membuatnya sendiri. ], bersama dengan variabel

Pemain utamanya adalah Sass [juga disebut sebagai SCSS], LESS dan Stylus, walaupun bisa dibilang Sass adalah yang terbesar

Apa itu web safe fonts dan fallback fonts?

Lihat jawaban

Sembunyikan jawaban

Tidak semua sistem operasi dan browser memasang font yang sama. Font aman web adalah font yang biasanya diinstal sebelumnya di banyak sistem komputer, seperti Arial dan Times New Roman. Jika browser atau sistem operasi tidak mengenali font pertama yang Anda atur [mis. g. Ubuntu], Anda harus memilih font cadangan aman web untuk ditampilkan [mis. g. Arial], diikuti oleh keluarga font generik [mis. g. Sans Serif]. Jika font fallback Anda juga tidak ditampilkan, browser dapat memilih font generik dalam keluarga sans-serif

Apa itu elemen semu dan untuk apa mereka digunakan?

Lihat jawaban

Sembunyikan jawaban

Elemen semu digunakan untuk menata bagian tertentu dari suatu elemen, bukan keseluruhannya. Misalnya, Anda dapat menggunakannya untuk memberi gaya pada baris pertama atau huruf pertama paragraf, teks yang Anda pilih, atau Anda dapat menggunakannya untuk menyisipkan teks atau bentuk sebelum atau sesudah elemen.

Mereka selalu memulai dengan titik dua ganda - meskipun satu titik dua masih diperbolehkan untuk kompatibilitas mundur

Apa kerugian menggunakan CSS?

Lihat jawaban

Sembunyikan jawaban

• Naik oleh penyeleksi tidak dimungkinkan
• Keterbatasan kontrol vertikal
• Tidak ada ekspresi
• Tidak ada deklarasi kolom
• Kelas semu tidak dikontrol oleh perilaku dinamis
• Aturan, gaya, menargetkan teks tertentu tidak mungkin

Jelaskan Model Kotak CSS dan berbagai elemennya

Lihat jawaban

Sembunyikan jawaban

Model kotak CSS menjelaskan kotak persegi panjang yang dibuat untuk elemen dalam pohon dokumen dan ditata sesuai dengan model pemformatan visual. Setiap kotak memiliki area konten [mis. g. teks, gambar, dll. ] dan area padding, border, dan margin sekitarnya opsional

Model kotak CSS bertanggung jawab untuk menghitung

• Berapa banyak ruang yang dibutuhkan elemen blok
• Apakah batas dan/atau margin tumpang tindih atau tidak
• Dimensi kotak

Untuk apa properti float digunakan dalam CSS?

Lihat jawaban

Sembunyikan jawaban

Properti float CSS menempatkan elemen di sisi kiri atau kanan wadahnya, memungkinkan teks dan elemen sebaris membungkusnya. Elemen dihapus dari aliran normal halaman, meskipun tetap menjadi bagian dari aliran [berbeda dengan pemosisian absolut]

Jelaskan perbedaan pendekatan saat merancang situs web responsif melalui strategi yang mengutamakan seluler?

Lihat jawaban

Sembunyikan jawaban

Kedua pendekatan ini tidak eksklusif. Membuat situs web responsif berarti beberapa elemen akan merespons dengan mengadaptasi ukurannya atau fungsi lainnya sesuai dengan ukuran layar perangkat, biasanya lebar area pandang, melalui kueri media CSS

Apa kelebihan dan kekurangan menggunakan pra-prosesor CSS??

Lihat jawaban

Sembunyikan jawaban

Penggunaan tergantung pada jenis proyek tetapi keuntungan/kerugian berikut datang dengan preprosesor

Keuntungan

• CSS dibuat lebih mudah dipelihara
• Mudah untuk menulis pemilih bersarang
• Variabel untuk tema yang konsisten. Dapat berbagi file tema di berbagai proyek
• Mixin untuk menghasilkan CSS berulang
• Fitur Sass seperti loop, daftar, dan peta dapat membuat konfigurasi lebih mudah dan tidak terlalu bertele-tele
• Memisahkan kode Anda menjadi beberapa file. File CSS juga dapat dipisahkan, tetapi hal itu memerlukan permintaan HTTP untuk mengunduh setiap file CSS

Kekurangan

• Membutuhkan alat untuk preprocessing. Waktu kompilasi ulang bisa lambat
• Tidak menulis CSS yang saat ini dan berpotensi dapat digunakan. Misalnya, dengan menggunakan sesuatu seperti postcss-loader dengan webpack, Anda dapat menulis CSS yang berpotensi kompatibel di masa mendatang, memungkinkan Anda untuk menggunakan hal-hal seperti variabel CSS alih-alih variabel Sass. Dengan demikian, Anda mempelajari keterampilan baru yang dapat terbayar jika/ketika keterampilan tersebut menjadi standar

Bagaimana Anda menerapkan komponen tata letak dasar model kotak di CSS?

Lihat jawaban

Sembunyikan jawaban

Setiap elemen model kotak—border, konten, margin, dan padding—dapat ditentukan secara terpisah untuk setiap sisi elemen dengan mencantumkan dimensi dalam urutan berikut. atas, bawah, kanan, dan kiri. Alternatifnya, beberapa sisi dapat ditetapkan sebagai grup dengan mencantumkan lebih sedikit parameter

Bagaimana Anda mendefinisikan kelas semu di CSS?

Lihat jawaban

Sembunyikan jawaban

Anda dapat mendefinisikan kelas semu dengan mencantumkan pemilih diikuti dengan tanda titik dua dan terakhir elemen kelas semu. Kelas semu dapat digunakan untuk memberikan status khusus pada elemen—contoh paling umum adalah a. hover, yang digunakan untuk mengubah warna tautan saat mouse mengarahkannya. Kegunaan lain termasuk menggunakan gaya yang berbeda untuk tautan yang dikunjungi dan yang belum dikunjungi dan gaya elemen secara berbeda saat difokuskan

Apa yang dipilih pemilih 'kelas' dan 'ID' saat dikeluarkan?

Lihat jawaban

Sembunyikan jawaban

Pemilih kelas akan memilih seluruh blok informasi, sedangkan pemilih ID memungkinkan Anda memilih elemen tertentu yang memiliki tipe unik dari nomor ID

Kami membahas kelas dan ID sedikit lebih awal, tetapi ini benar-benar salah satu pertanyaan wawancara CSS yang lebih penting. Mengetahui perbedaan dan variasi fitur antara class, tipe, dan ID dapat menjadi titik balik dari setiap wawancara kerja berbasis CSS

Bagaimana properti clearfix css bermanfaat?

Lihat jawaban

Sembunyikan jawaban

Clearfix adalah cara elemen untuk menghapus elemen turunannya secara otomatis, sehingga Anda tidak perlu menambahkan markup tambahan. Ini umumnya digunakan dalam tata letak float di mana elemen melayang untuk ditumpuk secara horizontal

Apa bagian yang paling tidak Anda sukai saat bekerja dengan CSS?

Lihat jawaban

Sembunyikan jawaban

Semua orang memiliki hal-hal yang tidak mereka sukai tentang pekerjaan mereka. Jawaban yang jujur ​​untuk pertanyaan ini dapat membantu Anda menempatkan pelamar di tim yang tepat. Misalnya, jika seseorang suka menemukan kesalahan dalam file CSS, Anda mungkin ingin mempekerjakan pelamar tersebut untuk mengerjakan proyek dengan orang-orang kreatif yang lebih suka berfokus pada gambaran besar.

Apa yang harus dicari dalam sebuah jawaban

• Memahami pro dan kontra dari CSS
• Mengetahui peran apa yang bisa dimainkan pelamar
• Mempelajari tentang minat pelamar lainnya

Apa yang terjadi pada teks jika nilai 'otomatis' ditetapkan ke properti limpahan, ke elemen yang berisi teks?

Lihat jawaban

Sembunyikan jawaban

Jika teks meluap, itu terpotong dan bilah gulir muncul

Apakah meluap. tersembunyi buat konteks pemformatan blok baru?

Lihat jawaban

Sembunyikan jawaban

properti overflow berurusan dengan konten jika ukuran konten melebihi ukuran yang dialokasikan untuk konten. Anda dapat membuat konten tambahan terlihat, tersembunyi, gulir, atau otomatis [perilaku default viewport]

Bagaimana Anda memuat sumber daya css secara kondisional?

Lihat jawaban

Sembunyikan jawaban

@import memungkinkan Anda memuat/ mengimpor stylesheet dengan menggunakan jalur [uri] yang mewakili lokasi file. Anda dapat menentukan satu atau lebih media dengan pemisahan koma yang Anda inginkan untuk memuat lembar gaya. Jika browser tidak mendukung lembar gaya media tidak akan dimuat

Bagaimana cara kerja warisan di CSS?

Lihat jawaban

Sembunyikan jawaban

Warisan adalah konsep yang digunakan dalam HTML dan bahasa lain tetapi juga digunakan dalam CSS untuk menentukan hierarki elemen dari tingkat atas ke tingkat bawah. Dalam pewarisan anak akan mewarisi sifat-sifat orang tua. Dalam hal ini diterapkan pembatasan bahwa tidak semua properti dapat diterapkan. Inheritance meneruskan propertinya ke kelas turunannya sehingga properti yang sama tidak harus mendefinisikan properti yang sama. Properti yang diwariskan dapat ditimpa oleh kelas anak jika anak menggunakan properti nama yang sama

Umum

Apakah tag HTML peka huruf besar-kecil?

Lihat jawaban

Sembunyikan jawaban

TIDAK

Jelaskan Microdata di HTML5

Lihat jawaban

Sembunyikan jawaban

Menggunakan Microdata, metadata bersarang di dalam konten yang ada di halaman web. Mesin pencari mengekstrak mikrodata dari halaman web untuk memberikan pengalaman menjelajah yang baik

Apa perbedaan antara satuan ukuran font em dan rem?

Lihat jawaban

Sembunyikan jawaban

Secara default, ukuran font di browser adalah 16px dan dapat ditambah atau dikurangi di pengaturan browser. 1em sama dengan ukuran font yang diberikan di browser. Sedangkan nilai rem bergantung pada elemen root yaitu tag HTML

Apa urutan yang mengikuti saat lembar praktikum tiba?

Lihat jawaban

Sembunyikan jawaban

Jika satu pemilih memiliki tiga definisi gaya yang berbeda, definisi di dekat tag sebenarnya adalah prioritas. Gaya sebaris lebih diprioritaskan daripada lembar gaya tersemat, yang mengutamakan lembar gaya eksternal

Apa itu DOM?

Lihat jawaban

Sembunyikan jawaban

DOM [Document Object Model] adalah API lintas platform yang memperlakukan dokumen HTML sebagai struktur pohon yang terdiri dari node. Node-node ini [seperti elemen dan node teks] adalah objek yang dapat dimanipulasi secara terprogram dan setiap perubahan yang terlihat yang dibuat padanya tercermin secara langsung dalam dokumen. Di browser, API ini tersedia untuk JavaScript di mana simpul DOM dapat dimanipulasi untuk mengubah gaya, konten, penempatannya dalam dokumen, atau berinteraksi melalui event listener

• DOM dirancang untuk tidak tergantung pada bahasa pemrograman tertentu, membuat representasi struktural dari dokumen tersedia dari satu API yang konsisten.
• dokumen. getElementById[] dan dokumen. querySelector[] adalah fungsi umum untuk memilih node DOM
• Menyetel properti innerHTML ke nilai baru menjalankan string melalui parser HTML, menawarkan cara mudah untuk menambahkan konten HTML dinamis ke sebuah node

Apa perbedaan antara mode standar dan mode quirks?

Lihat jawaban

Sembunyikan jawaban

Dalam mode Quirks, tata letak meniru perilaku tidak standar di Navigator 4 dan Internet Explorer 5. Ini penting untuk mendukung situs web yang dibangun sebelum adopsi standar web secara luas. Dalam mode Standar, perilaku dijelaskan oleh spesifikasi HTML dan CSS

Untuk dokumen HTML, browser menggunakan BACK TO TOP0 di awal dokumen untuk memutuskan apakah akan menanganinya dalam mode quirks atau mode standar

Bagaimana cara kerja posisi absolut / relatif / tetap / statis?

Lihat jawaban

Sembunyikan jawaban

absolute, tempatkan elemen tepat di tempat yang Anda inginkan. posisi absolut sebenarnya diatur relatif terhadap induk elemen. jika tidak ada induk yang tersedia, maka tempatkan secara relatif ke halaman itu sendiri [ini akan default sepenuhnya kembali ke elemen]

relatif, berarti "relatif terhadap dirinya sendiri". Posisi pengaturan. relatif; . Ini memungkinkan penggunaan indeks-z pada elemen dan membatasi ruang lingkup elemen anak yang benar-benar diposisikan. Setiap elemen anak akan ditempatkan secara mutlak di dalam blok itu

diperbaiki, elemen diposisikan relatif terhadap viewport atau jendela browser itu sendiri. viewport tidak berubah jika Anda menggulir dan karenanya elemen yang diperbaiki akan tetap berada di posisi yang sama

default statis untuk setiap elemen halaman. Satu-satunya alasan Anda akan menyetel elemen ke posisi. statis adalah menghapus secara paksa beberapa pemosisian yang diterapkan ke elemen di luar kendali Anda

lengket - Pemosisian lengket adalah gabungan dari pemosisian relatif dan tetap. Elemen diperlakukan sebagai posisi relatif hingga melewati ambang batas yang ditentukan, pada titik mana elemen tersebut diperlakukan sebagai posisi tetap

Apa itu rendering progresif?

Lihat jawaban

Sembunyikan jawaban

Itu merender data saat sedang diunduh. Ini sangat berguna pada dokumen yang memiliki banyak teks. Anda dapat melihatnya di halaman yang memiliki banyak teks – dan di mana bilah gulir akan menjadi lebih pendek karena lebih banyak data masuk – meningkatkan ukuran vertikal dokumen – namun, itu akan segera menampilkan teks yang diunduh. Semakin banyak data yang masuk – halaman akan menjadi lebih panjang. Ini tidak bergantung pada penutup badan atau tag html – dan tentu saja tidak akan merender seluruh halaman di server – lalu unduh – yang merupakan keluhan standar tentang kerangka kerja modern. Tapi ada teknik bernama “Flushing the Buffer” yang bisa diterapkan di server

Bagaimana desain responsif berbeda dari desain adaptif?

Lihat jawaban

Sembunyikan jawaban

Baik desain responsif maupun adaptif berupaya mengoptimalkan pengalaman pengguna di berbagai perangkat, menyesuaikan untuk berbagai ukuran viewport, resolusi, konteks penggunaan, mekanisme kontrol, dan sebagainya.

Desain responsif bekerja berdasarkan prinsip fleksibilitas - satu situs web cair yang dapat terlihat bagus di perangkat apa pun. Situs web responsif menggunakan kueri media, kisi fleksibel, dan gambar responsif untuk menciptakan pengalaman pengguna yang lentur dan berubah berdasarkan banyak faktor. Seperti satu bola yang tumbuh atau menyusut agar muat melalui beberapa rintangan yang berbeda

Desain adaptif lebih seperti definisi modern peningkatan progresif. Alih-alih satu desain fleksibel, desain adaptif mendeteksi perangkat dan fitur lainnya, lalu menyediakan fitur dan tata letak yang sesuai berdasarkan kumpulan ukuran viewport dan karakteristik lainnya yang telah ditentukan sebelumnya. Situs mendeteksi jenis perangkat yang digunakan dan memberikan tata letak yang telah ditentukan sebelumnya untuk perangkat tersebut. Alih-alih satu bola melewati beberapa lingkaran dengan ukuran berbeda, Anda akan memiliki beberapa bola berbeda untuk digunakan tergantung pada ukuran lingkaran

Bagaimana Anda mengoptimalkan aset/sumber daya situs web?

Lihat jawaban

Sembunyikan jawaban

Gabungkan dan kompres file CSS, JavaScript, dan HTML jika memungkinkan, konfigurasikan server Anda untuk mengirimkan file Gzip, sumber daya cache, tetapkan tanggal kedaluwarsa yang lebih lama pada header http sumber daya yang tidak akan sering Anda ubah – seperti logo. Gambar bisa menjadi beberapa file terberat yang kami kirimkan, jadi kompres dengan bijak. Elemen gambar akan segera diimplementasikan di seluruh browser, sehingga kami dapat mengoptimalkan pengiriman konten gambar. Juga dalam waktu dekat pertimbangkan untuk menggunakan format WebP untuk gambar – ukurannya lebih kecil dari file JPEG dan PNG. Terakhir, gunakan CDN atau domain lain untuk menghosting sumber daya Anda dan memanfaatkan sharding domain

Apa kepanjangan dari CORS dan masalah apa yang ditanganinya?

Lihat jawaban

Sembunyikan jawaban

Berbagi Sumber Daya Lintas Asal. Untuk mengatasi fakta bahwa browser membatasi permintaan HTTP lintas asal yang dimulai dari dalam skrip. CORS memberikan kontrol akses lintas-domain server web, yang memungkinkan transfer data lintas-domain yang aman

Bagaimana cara mengatur fokus ke formulir pertama di lapangan?

Lihat jawaban

Sembunyikan jawaban

Anda tidak dapat melakukan ini dengan HTML. Namun, Anda dapat menyertakan skrip setelah formulir yang mengatur fokus ke bidang yang sesuai seperti ini

BACK TO TOP1

BACK TO TOP2

BACK TO TOP_3

Apa perbedaan utama antara peristiwa terkirim Server dan Websockets?

Lihat jawaban

Sembunyikan jawaban

Perbedaan utama adalah bahwa peristiwa yang dikirim Server hanya satu arah dari server ke browser tetapi Websockets membuat komunikasi dua arah

Pertanyaan Wawancara Lanjutan CSS

Apa itu pemisahan file dan mengapa Anda harus menggunakannya?

Lihat jawaban

Sembunyikan jawaban

Pemisahan file membantu mengatur CSS Anda menjadi beberapa file, mengurangi waktu muat halaman, dan mempermudah pengelolaan. Jika Anda bekerja dengan salah satu praprosesor di atas, Anda dapat mulai membagi file Anda

Bagaimana Anda memutuskan untuk membaginya terserah Anda, tetapi akan berguna untuk memisahkan file berdasarkan komponen. Misalnya, Anda dapat memiliki semua gaya tombol Anda dalam sebuah file bernama _buttons. scss atau semua gaya khusus tajuk Anda dalam file bernama _header. scss. Kemudian, di file utama Anda, ucapkan _app. scss, Anda dapat mengimpor file tersebut dengan menulis @import 'buttons';

Dengan cara ini Anda juga dapat membuat lembar gaya terpisah untuk area terpisah di situs web Anda, di mana Anda mungkin tidak memerlukan semua gaya. Misalnya, jika Anda memiliki aplikasi web, Anda mungkin tidak perlu memuat semua gaya saat orang masuk ke beranda Anda, saat mereka bahkan belum masuk ke aplikasi Anda. Cukup buat file lain dan impor hanya gaya yang Anda butuhkan

Bagaimana Anda menggunakan kueri media dalam pendekatan yang mengutamakan seluler?

Lihat jawaban

Sembunyikan jawaban

Tidak ada cara untuk menghindarinya saat ini, semua orang mengharapkan situs web mereka berfungsi di perangkat seluler, meskipun mereka tidak secara khusus memintanya

Pendekatan yang paling umum adalah mobile-first. Semua gaya di luar kueri media ditargetkan pada perangkat seluler. Kemudian, melalui kueri media yang semakin besar, Anda dapat mengatur gaya layar yang lebih besar selangkah demi selangkah

Jelaskan skenario yang akan Anda gunakan translate[] alih-alih pemosisian absolut?

Lihat jawaban

Sembunyikan jawaban

Terjemahan adalah nilai transformasi CSS. Mengubah transformasi atau opasitas tidak memicu reflow atau pengecatan ulang browser tetapi memicu komposisi; . Transform menyebabkan browser membuat lapisan GPU untuk elemen tetapi mengubah properti pemosisian absolut menggunakan CPU. Oleh karena itu translate[] lebih efisien dan akan menghasilkan waktu cat yang lebih singkat untuk animasi yang lebih halus. Saat menggunakan translate[], elemen masih menempati ruang aslinya [semacam posisi seperti. relatif], tidak seperti mengubah posisi absolut

Apa perbedaan antara visibilitas tersembunyi dan tidak menampilkan apa pun?

Lihat jawaban

Sembunyikan jawaban

menampilkan. none menghapus elemen dari alur tata letak normal dan mengizinkan elemen lain untuk diisi. visibilitas. tag tersembunyi dirender, dibutuhkan ruang dalam aliran normal tetapi tidak menunjukkannya. menampilkan. tidak ada yang menyebabkan reflow DOM di mana visibilitas. tersembunyi tidak

Apa pertanyaan wawancara yang diajukan dalam HTML dan CSS?

Bagaimana mempersiapkan wawancara HTML?

Apa pertanyaan dasar yang ditanyakan dalam HTML?

Bagaimana Anda menjelaskan HTML dalam sebuah wawancara?