Apa yang dimaksud dengan W3C?
Penulis:Eve Cole
Waktu Pembaruan:2024-12-25 10:04:32
Apa itu W3C
W3C adalah singkatan dari English World Wide Web Consortium, dan arti Cina adalah W3C Council atau World Wide Web Alliance. Organisasi W3C adalah organisasi nirlaba yang merumuskan standar jaringan. Standar seperti HTML, XHTML, CSS, dan XML disesuaikan oleh W3C.
Spesifikasi utama W3C
Hingga saat ini, W3C telah mengembangkan lebih dari 50 spesifikasi (draft). Spesifikasi (draft) ini mencakup HTML, HTTP, URI, XML, dll. yang sudah dikenal orang, serta RDF, OWL, dll. untuk Web Semantik.
* HTML/XHTML : HTML adalah salah satu fondasi Web. Berdasarkan HTML, halaman berwarna mulai bermunculan di Web, berisi berbagai informasi. Berdasarkan HTML, Web telah keluar dari menara gading dengan cara yang sederhana dan mudah digunakan dan telah menjadi sumber daya publik dan kekayaan bagi seluruh masyarakat. W3C telah meluncurkan beberapa versi HTML, termasuk versi pertama pada bulan Desember 1997, pembaruan pada bulan April 1998, dan HTML versi 4.01 pada bulan Desember 1999. XHTML merupakan perpanjangan dari HTML 4.01 di mana fitur semantik XML dapat digunakan. XHTML 1.0 dirilis sebagai standar yang direkomendasikan pada bulan Januari 2000; XHTML Basic adalah versi modular XHTML1.1 yang tidak bergantung pada perangkat (seperti ponsel, PDA, dll.).
* CSS : CSS bertanggung jawab untuk menyediakan ruang gaya yang kaya bagi desainer web untuk mendesain halaman web. Mekanisme pemisahan antara konten struktur halaman web dan presentasi yang disediakan oleh CSS sangat menyederhanakan pengelolaan situs web dan meningkatkan efisiensi pengembangan situs web. CSS dapat digunakan untuk mengontrol presentasi konten HTML dan XML apa pun. CSS1.0 diluncurkan pada bulan Desember 1996, dan CSS2.0 dirilis pada Mei 1998.
* XML : XML 1.0, dirilis pada bulan Februari 1998, adalah salah satu standar W3C yang paling berwawasan ke depan dan berpengaruh. Sebagai landasan penting pertama dari Web generasi berikutnya, XML menyediakan fungsi yang kuat untuk pertukaran data yang terdistribusi dan heterogen, dan memisahkan data itu sendiri dari kinerja data. Pada saat yang sama, sejauh menyangkut data itu sendiri, nilainya data dan Semantik juga dipisahkan dengan benar. Faktanya, XML telah berkembang menjadi sebuah keluarga teknologi, termasuk XML Schema yang dirilis pada Mei 2001, XML Namespaces dirilis pada Januari 1999, XSLT dirilis pada November 1999 untuk memproses transformasi XML dan untuk pemosisian dalam dokumen XML XPath, serta XLink dan XML Basis dirilis pada bulan Juni 2001. Selain itu, kemunculan XML memberikan dasar umum bagi program untuk secara otomatis memproses data dan informasi Web, serta layanan Web (spesifikasi WSDL, SOAP, UDDI).
* DOM : DOM menyediakan model objek dasar untuk pemrosesan pembawa data seperti HTML dan XML dan pembawa informasi dalam memori, dan dapat menyediakan struktur, format, peristiwa, dll. yang terhubung ke file. Karena tidak bergantung pada bahasa pemrograman atau bahasa deskripsi halaman web apa pun, ia menyediakan antarmuka standar dan independen untuk memproses data HTML dan XML secara efektif. DOM telah melalui tiga versi, yaitu DOM Level 1 yang dirilis pada bulan Oktober 1998, DOM Level 2 yang dirilis pada bulan November 2000, dan DOM Level 3 yang dirilis pada tahun 2003.
Contoh penggunaan standar W3C
Bila puncaknya adalah:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transisi//EN">
Mohon perhatikan situasi berikut. Premis yang digunakan didasarkan pada kalimat di atas!
1. Gunakan huruf kecil untuk semua label.
Dianjurkan untuk mengembangkan kebiasaan yang baik dalam menggunakan huruf kecil untuk ul span li div. Tentu saja, jika deklarasi teratas seperti yang ditunjukkan di atas, maka deklarasi tersebut tidak peka huruf besar-kecil.
2. Meta file header dan tag tautan.
Kesalahan: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
Benar: <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
Kesalahan: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet" />
Benar: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet">
Benar: <meta http-equiv="Content-Language" content="zh-CN" >
3. Panggilan JS.
Kesalahan: <skrip src="/wl_inc/main.js" ></skrip>
Kesalahan: <skrip src="/wl_inc/main.js" Language="javascript"></script>
Benar: <script src="/wl_inc/main.js" type="text/javascript"></script>
Benar: <script src="/wl_inc/main.js" type="text/javascript" ></script>
4. Jangan gunakan tinggi tabel <tabel> seperti height="101"
Benar: <tabel lebar = "970" style = "tinggi:101px;" border = "0" align = "center" cellpadding = "0" Cellspacing = "0">
5. Gunakan alt dan title dengan benar
<a href="/"><img src="/wl_pic/logo.gif" border="0" alt="Nanning Semua Orang Mengajar" ></a>
<a href="/NoticeHTML/?2.htm" class="bt" title="Nanning Everyone mengajar">Nanning Everyone mengajar</a>
Semua gambar tanpa link harus ditambah dengan alt="", seperti:
<img tinggi = "11" src = "/wl_pic/tu.gif" lebar = "11" alt = "">
6. Jika file deklarasi seperti yang disebutkan di atas, tanda kutip ganda atau tanda kutip tunggal dapat dihilangkan.
Misalnya: <div id=navpart> atau <div id="navpart"> keduanya lulus standar w3c.
7. Formulir hanya menggunakan KTP
Benar: <form id="soso" method="get" action="/WL_T_soso/" style="margin:0">
Kesalahan: <form name="soso" method="get" action="/WL_T_soso/" style="margin:0">
Kesalahan: <form name = "soso" id = "soso" method = "get" action = "/WL_T_soso/" style = "margin:0">
Kesalahan saat menggunakan tag formulir: <table><form><tr><td></td></tr></form></table>
Benar: <form><table><tr><td></td></tr></table></form>
Metode untuk menghapus bagian ekstra kosong pada formulir adalah: <form style="margin:0">
8. Tidak ada garis miring/setelah input >
Kesalahan: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Masukkan kata kunci nama'){this.value='';}" value="Masukkan kata kunci nama" />
Benar: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Masukkan nama kata kunci'){this.value='';}" value="Masukkan nama kata kunci" >
9. Gunakan nilai align dan valign dengan benar.
Kesalahan: align="middle", Anda dapat menggunakan style="text-align:center;".
Benar: align = "kiri", align = "kiri", align = "kanan", align = "justify", align = "char"
Kesalahan: valign="tengah"
Benar: valign="top",align="middle",align="bottom",align="baseline"
10. Tabel TABLE menggunakan gambar latar belakang.
Kesalahan: background="/wl_pic/sp2.jpg"
Benar: style="background:url(/wl_pic/sp2.jpg);"
Kesalahan: bgColor=#eeeeee
Benar: bgColor="#eeeeee"
11. Solusi untuk kegagalan kode statistik webmaster. Ubah & menjadi &
<skrip type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&web_id=1582698" charset="gb2312"></script>
12. Bagaimana peta fokus FLASH melewati W3C?
<!--Bagan fokus dimulai-->
<skrip tipe="teks/javascript">
<!--
var interval_time=5 //Waktu jeda gambar, satuan adalah detik, jika 0, peralihan otomatis akan berhenti
var focus_width=268 //Lebar
var focus_height=222 //tinggi
var text_height=20 //Tinggi judul
var text_align= 'tengah' // Perataan teks judul (kiri, tengah, kanan)
var swf_height = focus_height+text_height //Jumlahnya harus berupa bilangan genap, jika tidak maka bilangan tersebut akan kabur dan terdistorsi.
<%panggil WL_hot_pic(5)%>
var WLABCD = '<objek classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" basis kode="http:/ /fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab #versi=8,0,0,0" lebar="'+ focus_width +'" tinggi="'+ swf_height +'">';
WLABCD += '<param name="movie" value="flash/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">' ;
WLABCD += '<param name="menu" value="false"><param name=wmode value="opaque">';
WLABCD +='<nama param="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ interval_waktu+'">';
WLABCD +='<embed src="flash/pixviewer.swf" wmode="buram" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ interval_waktu+'" menu="salah" bgcolor="#ffffff" quality="tinggi" lebar="'+ focus_width +'" tinggi="'+ swf_height +'"allowScriptAccess="sameDomain" type="application /x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
WLABCD +='</objek>';
dokumen.write(WLABCD);
//-->
</skrip>