Resep HTML5: Selami pengkodean HTML5 dengan contoh konkret. Sumber daya terbaik untuk mempelajari html dan css

Untuk membantu Anda, kami telah mengumpulkan pilihan sumber daya yang akan memberi tahu Anda apa yang perlu Anda ketahui, membantu Anda saat Anda buntu, dan membuat Anda mengembangkan keterampilan Anda dalam waktu singkat.

01. Lembar Cheat HTML

Lembar contekan HTML yang sangat membantu ini menyertakan daftar lengkap semua elemen HTML, bersama dengan deskripsi, contoh kode, dan pratinjau langsung. Anda dapat mengatur tag menurut abjad atau menurut kategori, dan bahkan mengunduhnya sebagai PDF untuk dirujuk nanti.

02. Lembar Cheat CSS

Jika Anda baru memulai dengan CSS, hanya mengingat banyak tag dan istilah teknis bisa sangat menakutkan. Namun, jangan biarkan hal itu membuat Anda kecewa; simpan lembar contekan yang bermanfaat ini di-bookmark, atau cetak saja, untuk menemukan elemen yang Anda butuhkan dengan cepat.

03. Trik-CSS

Saat diluncurkan pada tahun 2007, situs ini membahas tentang CSS. Sekarang sudah berkembang sedikit, tetapi masih banyak informasi dan tutorial bermanfaat tentang CSS dan HTML untuk Anda ikuti. Ini pasti patut dikunjungi.

04. Sihir CSS

CSS mudah dipelajari tetapi sulit untuk dikuasai. Harry Roberts" CSS Wizardry memiliki beberapa artikel terbaik tentang seluk-beluk penulisan CSS yang dapat diskalakan dan dipelihara, seperti metodologi BEM dan pemfaktoran ulang (yang termasuk bagian tersulit).

05. Pena Top Tahunan CodePen

Salah satu cara terbaik untuk mempelajari HTML/CSS adalah dengan membedah demo keren yang Anda temukan, dan Top Pen tahunan CodePen sangat bagus untuk itu. Demo berkisar dari keren hingga "Saya bahkan tidak tahu itu mungkin". UI terintegrasi CodePen untuk menyelami kode juga nyaman.Dengan nada yang sama, Anda mungkin juga ingin melihat pos kami.

06. Desain Web Mingguan

HTML dan CSS keduanya terus berkembang. Untuk tetap mengikuti perkembangan metodologi dan fitur terbaru, kami merekomendasikan buletin email ini. Itu datang seminggu sekali, yang cukup sering sehingga Anda benar-benar akan membacanya.

07. Desain Responsif Mingguan

Responsif adalah bagian penting dari perangkat perancang web akhir-akhir ini, dan untuk membantu Anda tetap up to date, Justin Avery menghabiskan waktu berjam-jam setiap minggu untuk menyusun konten desain web responsif terbaik dan mewawancarai pemimpin industri, dan mengirimkannya sebagai buletin setiap Jumat (Anda mungkin juga menyukai postingan kami di .)

08. Buat tata letak non-persegi panjang dengan bentuk CSS

…Meskipun sintaks HTML relatif sederhana untuk dipelajari,…masih banyak elemen, atribut, dan…konsep lain yang perlu Anda pelajari dan pantau.…Sementara kursus ini dimaksudkan untuk memperkenalkan Anda tentang dasar-dasar HTML, itu…benar-benar tidak dirancang untuk mengajari Anda setiap elemen dan atribut yang tersedia.…Jadi dengan mengingat hal itu, saya ingin memberi Anda beberapa sumber daya HTML online,…yang benar-benar dapat membantu Anda sebagai Anda mulai mempelajari HTML, dan…dapat berfungsi sebagai referensi berharga nantinya, saat Anda menulis halaman Anda sendiri.…Sekarang kita akan mulai, dengan spesifikasinya sendiri.…

Dan ini adalah sesuatu, dua dokumen yang harus Anda tandai.…Jadi, ini adalah HTML5 versi W3C.…Anda dapat melihat mereka memiliki Versi Penerbit terbaru.…Anda dapat melihat Draf Editor,…jika Anda ingin melihat apa yang turun, turun pipa.…Dan, ini cukup besar.…Jika saya menggulir ke bawah, Anda dapat melihat bahwa ini hanya Daftar Isi.…Dan saya bahkan tidak akan menggulir melalui semuanya.…

Lanjutkan Gulir Otomatis Transkrip

Diperbarui
3/30/2017
Dilepaskan
3/16/2015

HTML adalah bahasa pemrograman yang menggerakkan web. Dan seperti bahasa apa pun, setelah Anda menguasainya, Anda dapat mulai membuat konten Anda sendiri, baik itu situs web sederhana atau aplikasi web yang kompleks. Kursus ini memberikan pandangan mendalam tentang hal-hal penting: sintaks HTML dan praktik terbaik untuk penulis staf senior James Williamson meninjau struktur dokumen HTML biasa, dan menunjukkan cara membagi halaman dan memformat konten Anda dengan HTML. Selain itu, pelajari cara membuat tautan dan daftar, dan cari tahu cara kerja HTML dengan CSS dan JavaScript untuk membuat kaya , pengalaman pengguna yang menarik.

Topik meliputi:

  • Mengapa HTML itu penting?
  • Menjelajahi dokumen HTML
  • Memformat konten
  • Tampilkan gambar
  • Menggunakan elemen nav, article, dan div
  • Menautkan ke halaman dan konten yang dapat diunduh
  • Membuat daftar
  • Mengontrol gaya (font, warna, dan lainnya)
  • Menulis skrip dasar

Siapa di dunia ini yang lebih manis dari semuanya, semuanya tersipu dan diinginkan? Jangan berpikir sesuatu yang vulgar, maksud saya hanya versi baru dari bahasa markup - HTML5. Versi Terbaru Peramban modern sudah memahami beberapa fitur HTML5, yang artinya sudah waktunya untuk mulai menggunakannya dalam proyek Anda.

Apa itu HTML5?

Sepintas, HTML5 itu adil versi baru bahasa markup. Sekarang, bagaimanapun, istilah ini berarti sesuatu yang berbeda. Mempertimbangkan HTML5 tanpa menyebutkan CSS3 yang sama sangatlah konyol, karena sangat diperlukan untuk mengembangkan aplikasi web yang benar-benar modern. Kita tidak boleh melupakan JavaScript. Itu mengimplementasikan panggilan ke API kaya yang dijelaskan dalam standar HTML5. Meringkas semua hal di atas, sebuah definisi menunjukkan dirinya sendiri: HTML5 adalah sekumpulan teknologi / standar modern (JS, HTML5, CSS3, dan sebagainya) yang digunakan untuk mengembangkan aplikasi web.

Setetes sejarah

HTML5 tidak muncul begitu saja. Pengembangannya dimulai pada tahun 2007. Grup yang dibuat khusus dari konsorsium W3C bertanggung jawab atas proses pengembangan. Tetapi banyak fitur HTML5 ditemukan sebagai bagian dari standar Aplikasi Web 1.0, dan telah mempelajarinya sejak tahun 2004. Jadi pada kenyataannya, HTML5 bukanlah teknologi muda seperti yang terlihat pada pandangan pertama.

Versi draf pertama spesifikasi HTML5 tersedia pada 22 Januari 2008. Tiga tahun telah berlalu, tetapi versi final dari spesifikasi tersebut masih belum siap dan sepertinya tidak akan tepat waktu dalam satu atau dua tahun ke depan. Momen sedih ini mengharuskan pengembang untuk menerapkan fitur-fitur baru dengan hati-hati dalam proyek mereka. Spesifikasi dapat dengan mudah berubah, dan tidak semuanya browser modern(Rubah Api 4, Google Chrome 10, IE9, Opera 11) mendukung penuh fitur-fitur baru.

Resep Sehat

Anda dapat berbicara tentang teori HTML5 untuk waktu yang sangat lama, tetapi rubrik kami disebut "Pengkodean", jadi saya sarankan Anda merasakan kemungkinan standar dalam praktiknya. Saya tidak repot-repot membuat resep super orisinal, tetapi memutuskan untuk memberikan contoh hal-hal yang sangat berguna dan yang dapat dan harus Anda gunakan di situs Anda saat ini. Jadi ayo pergi.

Resep nomor 1: Aktifkan Drag & Drop secara maksimal

Salah satu hal yang menyenangkan (mungkin Anda seharusnya tidak menggunakan begitu banyak minuman berenergi, karena harus ada kata "keripik" - red.) HTML5 adalah kemampuan untuk menggunakan File API dan Drag and Drop API.

Dengan bantuan mereka, Anda dapat mengatur transfer file yang indah dari komputer pengguna ke server. Apakah Anda ingat, sebelumnya selalu ada bidang dengan tombol "Jelajahi" untuk mengirim file? Setelah menekannya, dialog pemilihan file standar muncul, di mana Anda harus memilih file untuk ditransfer. Untuk menyebut metode ini, bahasa yang nyaman tidak berubah. Terutama ketika harus menambahkan banyak file ke antrian unduhan.

Beberapa saat kemudian, para pengrajin mulai memahat apploader pada flash, yang menyediakan lebih banyak fungsionalitas, tetapi memiliki kekurangan yang serius - kebutuhan akan flash yang terpasang. Selain itu, dalam kedua kasus tersebut, pengguna tidak memiliki kemampuan untuk menambahkan file untuk ditransfer hanya dengan menyeret dan melepaskan mouse ke halaman.

Tapi teknologi Drag & Drop digunakan dalam sistem sepanjang waktu. Secara pribadi, saya selalu ingin memilih file yang diperlukan dan melemparkannya ke halaman dengan sapuan ringan tikus. Ini jauh lebih nyaman daripada mencari file menggunakan dialog standar.

HTML5 telah membuat penyesuaiannya sendiri, dan sekarang tidak ada yang menghalangi Anda untuk mengatur Seret & Jatuhkan lengkap untuk mentransfer file ke halaman. Karyawan Google di Gmail adalah yang pertama menerapkan fitur ini. Jika Anda menggunakan gmyla, Anda mungkin memperhatikan area tempat Anda dapat menyeret file untuk dilampirkan ke surat itu. Secara pribadi, saya secara aktif menggunakan fungsi ini dan sekarang saya akan menunjukkan kepada Anda bagaimana membangkitkan hal yang sama untuk proyek Anda. Proyek kita akan terdiri dari tiga file: sample.html, style.css, dan scripts.js. Tentu saja, kami dapat membatasi diri pada satu file html, tetapi kode tersebut ternyata tidak dapat dibaca. Tidak perlu mencampur HTML dengan JS atau CSS. Lebih baik memecah semuanya menjadi file, dan kemudian mengerjakannya dengan tenang. Pertama-tama, mari siapkan struktur aplikasi kita. Buat file sample.html dan tulis di dalamnya:




media="semua" href="style.css" />



Seret file Anda ke sini





Untuk kenyamanan penulisan kode JavaScript, saya menyertakan pustaka jquery. Setelah itu, dia menjelaskan struktur dokumen html yang akan datang. Sangat mudah untuk mempermalukan - kita perlu mendeskripsikan bidang tempat pengguna harus menyeret dan melepaskan file. Hanya membutuhkan satu wadah div. Jika sekarang Anda membuka halaman di browser, Anda tidak akan melihat sesuatu yang baik. Untuk membuat bidang kita terlihat secara visual, kita perlu menatanya dengan CSS. Buka file style.css dan tulis kode berikut ke dalamnya:

#kotak(
lebar: 500px
tinggi: 300px;
perbatasan: 2px putus-putus #000000;
warna latar belakang: #FCFFB2;
perataan teks: tengah;
warna: #3D91FF;
ukuran font: 2em
font-family: Verdana, sans-serif;

moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
# label (
posisi: relatif;
atas: 2%;
}

Pengidentifikasi "kotak" adalah wadah masa depan kami untuk menerima file (pengguna harus menyeret dokumen ke area ini). Agar pengguna tidak ketinggalan, saya membuat area lebih besar dan memilih garis putus-putus sebagai opsi pembingkaian - garis putus-putus. Garis putus-putus biasa tidak terlihat bagus, jadi saya langsung menetapkan nilai untuk properti: -moz-border-radius dan -webkitborderradius. Sekarang Anda dapat membuka halaman yang dibuat di browser dan mengevaluasi tampilan umum.

Namun, jika Anda mencoba menyeret sesuatu sekarang, tidak ada hal menarik yang akan terjadi. File yang diseret hanya akan terbuka di browser web, dan hanya itu. Sepotong kecil kode JavaScript akan membantu memperbaiki situasi:

$(dokumen).siap(fungsi() (

//Tambahkan event handler

Var mybox = document.getElementById("kotak")

Mybox.addEventListener("dragent", dragEnter, false);

Mybox.addEventListener("dragexit", dragExit, false);

Mybox.addEventListener("dragover", dragOver, false);

Mybox.addEventListener("jatuhkan", jatuhkan, salah);
});
fungsi dragEnter(evt) (

Evt.stopPropagation();

Evt.preventDefault();
}
fungsi dragExit(evt) (

Evt.stopPropagation();

Evt.preventDefault();
}
fungsi dragOver(evt) (

Evt.stopPropagation();

Evt.preventDefault();
}
penurunan fungsi(evt) (

Evt.stopPropagation();

Evt.preventDefault();

Varfiles = evt.dataTransfer.files;

varcount = file.panjang;

Jika (hitung > 0)

HandleFiles(file);
}
fungsi handleFiles(file) (

// Dapatkan file pertama

//Jika Anda perlu bekerja dengan banyak

//file, maka di sini Anda perlu mengatur pencarian

var berkas = berkas;

Document.getElementById("label").innerHTML =
"Tertangkap: " + file.name;

varreader = new FileReader();

Reader.onprogress = handleReaderProgress;

Pembaca.bacaAsDataURL(file);
}
fungsi handleReaderProgress(evt) (

Jika(evt.panjangDihitung)(

Jika (evt.loaded = evt.total) (

alert("Memuat...");
}
}
}

Sekilas, kodenya mungkin tampak rumit dan tidak dapat dipahami, tetapi mereka yang setidaknya sedikit mengenal JavaScript dan jQuery harus segera mencari tahu apa yang terjadi. Pada awalnya, saya mendefinisikan peristiwa yang kejadiannya menarik minat saya. Untuk masing-masing, saya menjelaskan fungsi yang terpisah. Misalnya, peristiwa dragExit terjadi saat pengguna menggerakkan kursor mouse keluar dari elemen yang diseret. Jika pengguna telah menyeret file, maka fungsi handleFiles() mengambil kendali.

Di dalamnya, saya sengaja merujuk ke file (file) pertama dan mulai bekerja dengannya. Harap perhatikan bahwa pengguna dapat menyeret beberapa file sekaligus. Jika aplikasi Anda dapat menangani situasi seperti itu, maka kami akan mengatur pencacahan seluruh larik file. Fungsi handleFiles() adalah tempat semua kesenangan terjadi.

Pertama, saya tampilkan di elemen label (ingat "Seret file Anda ke sini"?) nama file yang diseret pengguna ke hotspot, lalu saya mulai membacanya menggunakan objek bertipe FileReader (). Anda dapat membaca selengkapnya di artikel ini: html5rocks.com/tutorials/file/dndfiles . Untuk berjaga-jaga, saya mendefinisikan event handler onProgress untuk objek bertipe FileReader(). Acara ini akan dipanggil setiap kali sepotong data dibaca. Di handlernya sendiri, saya menetapkan syarat: jika jumlah data yang diunduh sama dengan ukuran file, maka pembacaan berhasil diselesaikan, dan Anda dapat menampilkan pesan bahagia.

Resep #2: Minum bir, tonton video, dengarkan musik rock

Sebelum munculnya HTML5, melihat video di web dilakukan dengan menggunakan semua jenis flash player. Ini bukan untuk mengatakan bahwa menonton video dengan cara ini tidak nyaman. Hanya ada masalah dalam keamanan (baru-baru ini Pemutar Flash hanya penuh dengan kerentanan) dan kebutuhan untuk menginstal plugin itu sendiri. Standar HTML5 menawarkan solusi elegan - kemampuan bawaan untuk memutar konten video dan audio.

Mungkin banyak yang sudah menebak bahwa saya berbicara tentang tag



Harusnya ada videonya disini. Jika Anda melihat teks ini, browser Anda tidak mendukung standar baru.


Perhatikan bahwa dalam contoh untuk tag

Apa manfaatnya? Sebagai alternatif, Anda dapat memasukkan logo perusahaan/proyek Anda sebagai gambar tersebut. Menandai

Resep #3: Di mana Anda sekarang (API geolokasi)

API Geolokasi - antarmuka pemrograman untuk menentukan koordinat pengguna. Berdasarkan data yang didapat, mudah untuk menandai lokasi pengguna, misalnya di Google Maps. Di mana fitur ini dapat digunakan? Ya, banyak tempat! Misalnya, pengembang layanan microblogging Twitter yang populer menggunakan Geolocation API di antarmuka web klien Twitter. Jika pengguna mengizinkan untuk menerima informasi tentang lokasinya, kota tempat dia berada saat ini akan ditambahkan ke semua tweetnya.

Saya yakin sekarang Anda tersiksa oleh pertanyaan: “Dari mana GAPI mendapatkan informasi lokasinya?”. Jangan pernah berpikir bahwa satelit mata-mata dan barang-barang Bond lainnya terlibat dalam kasus ini. Semuanya jauh lebih membosankan - paket informasi untuk analisis didasarkan pada data tentang alamat IP, hotspot Wi-Fi terdekat, GPS (jika Anda memiliki perangkat), ID seluler GSM, dan sebagainya. Jika Anda tertarik dengan teori dan praktik mendapatkan perkiraan koordinat dari sumber yang tercantum di atas, maka saya menyarankan Anda untuk membuka file ][ dan temukan artikel Step tentang topik ini, di mana dia menganalisis bagian teoretis secara menyeluruh, dan juga memberikan gambaran umum dari perangkat lunak yang sesuai. Sekarang mari kita lihat contoh penggunaan GAPI. Semuanya sangat sederhana dan jelas:





Garis Lintang: tidak dikenal

Garis bujur: tidak dikenal





Sebelum mencoba mendapatkan koordinat, Anda perlu memastikan bahwa browser mendukung GAPI. Jika metode geolokasi kembali benar, maka semuanya baik-baik saja dan Anda dapat mencoba mendapatkan koordinatnya. Untuk melakukan ini, kami menggunakan metode getGurrentPosition dari objek navigator. Jika berhasil, kita akan mendapatkan koordinat yang akan langsung menuju ke dokumen.

Resep #4: Database di Browser

Saat mengembangkan aplikasi web, kita terbiasa menggunakan database. MySQL, SQLite adalah produk yang akrab bagi setiap programmer. Versi kelima HTML memberi kita hadiah lain - kemampuan untuk menggunakan database SQLite yang berdiri sendiri. Berhenti!

Ternyata semua data akan disimpan di komputer pengguna? Iya benar sekali. Tidak perlu berteriak bahwa itu tidak aman. Untuk proyek tertentu, fitur ini mungkin berguna. Sayangnya, tidak semua browser mengizinkan Anda bekerja dengan database ini.

Misalnya, IE9 dan FF4 belum memiliki kesempatan seperti itu, jadi Anda hanya dapat mengenal chip tersebut dalam praktik di Google Chrome. Saya tidak akan memberikan contoh kode nyata, tetapi hanya akan menunjukkan prinsip umum operasi:

this.db = openDatabase("xakep", "1.0", "test", 8192);
tx.executeSql("buat tabel saya jika tidak ada " +
"checkins(asc kunci utama integer id, field_number_one string)",
, function() ( console.log("Permintaan berhasil diselesaikan"); ));
);

Melihat lebih dekat pada contoh di atas, Anda akan melihat bahwa secara umum, bekerja dengan basis data tertanam persis sama dengan SQLite biasa: kami membuka basis data, menyiapkan teks kueri, dan menjalankannya.

HTML5.Shutdown()

Apakah Anda menggunakan HTML5 atau tidak dalam proyek Anda, itu terserah Anda. Saya pikir sekarang adalah waktunya. Jika Anda bergerak secara profesional dalam pengembangan situs web, maka jangan malas untuk menyematkan fitur HTML5 sekarang juga. Tentu saja, jangan lupa untuk menjaga kompatibilitas - terapkan dukungan untuk browser modern dan lama. Anda memiliki semua yang Anda butuhkan untuk ini. Jangan memperlambat dan mencoba membuat proyek Anda menonjol dari yang lain. Semoga beruntung!

Bagaimana cara mengasuransikan?

Sepanjang artikel ini, saya telah mengatakan bahwa browser modern saat ini mendukung berbagai fitur HTML5. Itu sebabnya Anda harus berhati-hati dan berusaha untuk tidak menggunakan barang-barang yang sangat eksotis. Pertanyaan segera muncul: "Bagaimana Anda tahu fitur HTML5 mana yang didukung browser tertentu?". Ada beberapa cara untuk melakukan ini, tetapi favorit saya adalah pustaka JavaScript kecil Modernizr (modernizr.com).

Perpustakaan didistribusikan secara gratis dan setelah Anda menghubungkannya ke proyek Anda, itu akan segera menampilkan daftar fitur HTML5 yang didukung browser Anda. Untuk menguji fungsionalitas perpustakaan, Anda tidak harus langsung mengunduhnya dan menghubungkannya ke proyek Anda. Anda hanya perlu pergi ke situs resmi perpustakaan dan Anda akan segera melihat apa yang didukung walker Anda dan apa yang tidak. Lihat tangkapan layar saat mengunjungi situs bantuan Google Chrome dan Internet Explorer 9. Meskipun pr-company bagus dan artikel pujian, rpg Microsoft jelas mendukung lebih sedikit fitur daripada Google Chrome.

HTML5 akan memindahkan Flash

Salah satu yang paling keripik yang menarik HTML5 adalah kemampuan untuk membuat animasi. Ini dicapai dengan mencampurkan HTML5 dan CSS3.

Animasi seperti itu terlihat cukup bagus dan dapat menggantikan Flash dalam banyak kasus. Saya dapat mengatakan dengan yakin bahwa ini tidak akan terjadi dalam waktu dekat, karena sekarang Flash lebih mudah dikuasai daripada memahami kode HTML5/CSS3 (IMHO) yang tidak jelas. Namun demikian, Anda harus tahu tentang fitur seperti itu. Saya sangat menyarankan Anda membuka tautan di bawah dan melihat dengan mata kepala sendiri demo cantik yang menunjukkan kemungkinan animasi.

  • Demo bagus yang menampilkan fitur Canvas: feedtank.com/labs/html_canvas ;
  • Kotak 3D yang indah dengan bilah pencarian bawaan dari Google: ;
  • Satu klik mouse, dan halaman akan mulai terisi dengan bola. Lebih banyak klik - lebih banyak bola. Saat Anda mengisi halaman sampai penuh - coba seret dengan tajam. Terlihat sangat lucu: mrdoob.com/projects/chromeexperiments/ball_pool ;
  • Hanya demo keren yang menunjukkan berbagai senyawa kimia. Sangat menarik untuk dilihat: alterqualia.com/canvasmol ;
  • Pernahkah Anda ingin merasa seperti ahli patologi dan menjelajahi misteri tubuh manusia?

Jika ya, maka tautan ini untuk Anda. Google membuat demo hebat dari campuran teknologi WebGL, HTML5, CSS3, dan Flash. Hasil koktail adalah aplikasi interaktif yang memperlihatkan tubuh manusia 3D, di mana Anda dapat melihat struktur organ dalam. Ketika saya melihatnya untuk pertama kali, saya tidak bisa meletakkannya.



Halaman ini berisi materi untuk individu yang terlibat dalam pengembangan standar.

Sebagian besar informasi ini tidak dilindungi kata sandi. Namun, saat mengakses beberapa halaman, Anda mungkin memerlukan kata sandi.

Kode etik

Anggota Komite ISO, Kelompok Kerja atau United for Consensus didorong untuk bekerja sesuai dengan prinsip-prinsip Kode Etik.

Pedoman Kepatuhan Persaingan

Kepatuhan terhadap hukum dalam proses penetapan standar penting untuk menjamin berfungsinya pasar secara efektif dan meningkatkan daya saing, serta untuk meningkatkan tingkat kepercayaan terhadap standar. ISO memberikan panduan tentang masalah hukum kepada semua pihak yang terlibat dalam proses pengembangan standar.

Setiap pertanyaan tentang pedoman hukum persaingan dapat diarahkan ke tim hukum ISO di .

hak cipta

Semua peserta dalam kegiatan standardisasi harus menghormati hak cipta publikasi ISO dan pengembangan proyek, serta konten yang terkait dengan ISO. Aturan-aturan ini tercermin dalam Deklarasi, yang harus disetujui oleh semua pihak yang berkepentingan dengan standardisasi.

Kebijakan di bidang komunikasi pekerjaan panitia dengan pihak eksternal dan penyimpanan dokumen

Peserta dalam proses pengembangan standar ISO dapat diminta (misalnya, oleh media) atau mungkin memiliki inisiatif sendiri (misalnya, melalui jaringan sosial) bertukar informasi dengan pihak luar tentang berbagai aspek kerja panitia. ISO telah mengembangkan kebijakan aktivitas untuk interaksi eksternal ini.

Setiap pertanyaan tentang kebijakan ini dapat diarahkan ke surel Sekretariat TMB: .

Kebijakan perlindungan data

Semua pihak yang terlibat dalam proses standardisasi memiliki hak dan kewajiban terkait perlindungan data. Hal tersebut tercermin dalam Kebijakan Perlindungan Data yang dikembangkan untuk anggota ISO, serta dalam Deklarasi, yang harus diikuti oleh semua pihak yang terlibat dalam proses ini. Ini berlaku untuk data yang disimpan dalam layanan TI ISO serta banyak data pribadi yang dikumpulkan selama pekerjaan standardisasi (misalnya daftar hadir, menit).

Penjelasan istilah dan ekspresi yang digunakan dalam standar ISO

Standar dan perdagangan internasional

Jenis sanksi hukum dalam ISO

ISO telah mengembangkan sebuah dokumen yang merangkum isu-isu yang berkaitan dengan sanksi dan proses pengembangan standar.

Melibatkan Pemangku Kepentingan dan Membangun Konsensus

ISO berkomitmen untuk memastikan bahwa standar dikembangkan pemangku kepentingan dan untuk pemangku kepentingan sehingga kebutuhan pasar akan terpenuhi dengan lebih efisien.

Di bawah ini Anda dapat menemukan dokumen yang memberikan panduan tentang cara melibatkan pemangku kepentingan.



Memuat...
Atas