Berita Desain Web di Dunia Saat Ini – Blogartz

Blogartz.com Situs Kumpulan Berita Desain Web di Dunia Saat Ini

Informasi Seputar Desain Web

Informasi Seputar Desain Web – Kualitas kode : Desainer situs web dapat menganggapnya sebagai praktik yang baik untuk memenuhi standar. Ini biasanya dilakukan melalui deskripsi yang menjelaskan apa yang dilakukan elemen. Kegagalan untuk memenuhi standar mungkin tidak membuat situs web tidak dapat digunakan atau rawan kesalahan, tetapi standar dapat berhubungan dengan tata letak halaman yang benar agar mudah dibaca serta memastikan elemen kode telah ditutup dengan tepat. Ini termasuk kesalahan dalam kode, tata letak kode yang lebih terorganisir, dan memastikan ID dan kelas diidentifikasi dengan benar. Halaman dengan kode yang buruk kadang-kadang bahasa sehari-hari disebut sup tag . Memvalidasi melalui W3C hanya dapat dilakukan ketika deklarasi DOCTYPE yang benar dibuat, yang digunakan untuk menyoroti kesalahan dalam kode. Sistem mengidentifikasi kesalahan dan area yang tidak sesuai dengan standar desain web. Informasi ini kemudian dapat diperbaiki oleh pengguna.

• Tag Soup

Dalam pengembangan web , ” tag soup ” adalah tindakan merendahkan untuk HTML yang secara sintaksis atau struktural salah ditulis untuk suatu halaman web . Karena browser web secara historis memperlakukan sintaksis HTML atau kesalahan struktural dengan ringan, ada sedikit tekanan bagi pengembang web untuk mengikuti standar yang diterbitkan, dan oleh karena itu ada kebutuhan bagi semua implementasi browser untuk menyediakan mekanisme untuk mengatasi penampilan “tag soup”, menerima dan mengoreksi sintaks dan struktur yang tidak valid jika memungkinkan.

Pengurai HTML (bagian dari peramban web ) yang mampu menginterpretasikan markup mirip-HTML meskipun mengandung sintaks atau struktur yang tidak valid dapat disebut parser sup tag . Semua browser web utama saat ini memiliki parser sup tag untuk menafsirkan HTML yang cacat.

“Tag soup” mencakup banyak kesalahan penulisan yang umum, seperti tag HTML yang salah bentuk , elemen HTML yang tidak tepat , dan entitas karakter yang tidak terhindar (terutama ampersand (&) dan tanda kurang dari (<)).

Ikhtisar

“Tag soup” adalah istilah yang digunakan untuk merendahkan berbagai praktik dalam pembuatan web. Beberapa di antaranya (dipesan secara kasar dari yang paling parah hingga yang paling parah) meliputi:

Markup salah bentuk di mana tag bersarang dengan tidak tepat atau salah tutup. Misalnya, berikut ini:

< p > Ini adalah fragmen cacat < em > HTML. </ p > </ em >

Struktur tidak valid di mana elemen-elemen disarang dengan tidak benar sesuai dengan DTD untuk dokumen. Contohnya termasuk bersarang elemen “ul” langsung di dalam elemen “ul” lain untuk DTD HTML 4.01 atau XHTML. Dan Connolly mengutip penggunaan judul elemen di luar kepala bagian .

Penggunaan elemen dan atribut yang tidak dipatenkan atau atribut bukan yang didefinisikan dalam rekomendasi W3C. Misalnya penggunaan elemen Blink atau elemen Marquee yang merupakan elemen non-standar yang awalnya masing-masing hanya didukung oleh browser Netscape dan Internet Explorer .

• Markup cacat

Markup salah bentuk bisa dibilang masalah paling parah dalam pembuatan web. Namun, berkat pendidikan dan informasi yang lebih baik dan mungkin dengan bantuan dari XHTML, masalah markup yang cacat menjadi kurang umum. Peramban, ketika dihadapkan dengan markup yang cacat, harus menebak makna yang dimaksudkan oleh penulis. Mereka harus menyimpulkan tag penutup di mana mereka mengharapkannya dan kemudian menyimpulkan tag pembuka agar cocok dengan tag penutup lainnya. Penafsiran dapat sangat bervariasi dari satu browser ke yang berikutnya. Ian Hickson menulis artikel terperinci yang menyelidiki perbedaan antara cara browser menangani sup tag.

Sementara banyak editor web grafis menghasilkan markup yang terbentuk dengan baik, seorang penulis menulis kode secara manual dengan editor teks dan kemudian menguji hanya dalam satu browser dapat dengan mudah melewatkan kesalahan seperti itu. Oleh karena itu, presentasi dapat bervariasi secara drastis dari satu browser ke browser lainnya karena masing-masing mencoba untuk “memperbaiki” maksud penulis dengan cara yang berbeda dan kemudian menerapkan gaya pada “koreksi” tersebut.

• Struktur dokumen tidak valid

Struktur dokumen yang tidak valid di sini berarti hanya penggunaan atribut dan elemen yang bukan miliknya. Misalnya, menempatkan atribut “cite” pada elemen “cite” tidak valid karena HTML dan XHTML DTD tidak menganggap makna atribut itu pada elemen itu. Demikian pula, termasuk elemen “p” dalam konten elemen “em” juga tidak valid. Dengan gerakan memisahkan markup yang salah bentuk dari markup yang tidak valid, masalah dengan markup yang tidak valid semakin sering dianggap kurang parah. Beberapa telah mulai menganjurkan model konten yang lebih longgar yang memungkinkan fleksibilitas yang lebih besar dalam pembuatan dokumen HTML (baik dalam HTML atau XHTML). Namun, penggunaan markup yang tidak valid dapat mengaburkan makna yang dimaksudkan penulis, meskipun tidak separah markup yang cacat.

Banyak editor web grafis masih menghasilkan markup yang tidak valid. Selain itu, banyak perancang web profesional dan penulis kurang memperhatikan masalah validitas. Adalah umum untuk melihat markup yang tidak valid di banyak situs di seluruh World Wide Web.

• Penggunaan elemen yang dipatenkan / tidak dilanjutkan

Pada usia awal web (sebagian besar tahun 1990-an), desain spesifikasi HTML resmi menjadi semakin tegang, dibandingkan dengan keinginan desainer untuk fleksibilitas dalam menciptakan desain yang bersemangat secara visual. Menanggapi tekanan ini, pembuat browser secara sepihak menambahkan fitur eksklusif baru ke HTML yang berada di luar standar pada saat itu. Ini berarti ada elemen kepemilikan dalam HTML yang berfungsi di beberapa browser, tetapi tidak di yang lain.

Untuk beberapa hal, masalah ini diperlambat oleh pengenalan standar baru oleh W3C, seperti CSS, yang diperkenalkan pada tahun 1998, yang membantu memberikan fleksibilitas yang lebih besar dalam penyajian dan tata letak halaman web tanpa memerlukan sejumlah besar elemen HTML tambahan dan atribut.

Selain itu, dalam HTML 4 dan XHTML 1, banyak elemen digantikan oleh konstruk semantik tunggal (seperti elemen objek menggantikan applet berpemilik dan elemen embed ) atau tidak digunakan lagi karena menjadi presentasional (seperti “s”, “strike” dan ” u “elemen).

Namun demikian, pengembang browser terus memperkenalkan elemen baru ke HTML ketika mereka merasa perlu. Beberapa browser menyertakan atribut tabindex pada elemen apa pun. Pengembang Apple WebKit memperkenalkan elemen kanvas , versi yang kemudian diadopsi oleh Mozilla .

Pada tahun 2004, Apple, Mozilla dan Opera mendirikan WHATWG , dengan maksud untuk membuat versi baru dari spesifikasi HTML yang cocok dengan semua perilaku browser. Ini termasuk mengubah spesifikasi jika perlu untuk mencocokkan konsensus yang ada antara browser yang berbeda.

The kanvas dan menanamkan elemen yang kemudian dibakukan oleh WHATWG. Elemen-elemen tertentu (termasuk b , i dan kecil ) yang sebelumnya dianggap sebagai presentasi dan tidak digunakan dimasukkan, tetapi didefinisikan dalam media-independen daripada secara visual.

Versi spesifikasi WHATWG diterbitkan oleh W3C sebagai HTML5 .