Internet, Web Design
Bagaimana untuk memasukkan iframe HTML: contoh penggunaan
Pada awal Laman web sumber bangunan digunakan bingkai secara meluas untuk memaparkan bahagian-bahagian tertentu muka surat. Tetapi dengan ketibaan versi baru HTML 5, segala-galanya berubah. Unsur-unsur markup , dan
Apakah bingkai?
Frame - asas kebanyakan halaman web pertama. Jika diterjemahkan secara literal, perkataan bermaksud "bingkai" iaitu, kerangka adalah sebahagian kecil daripada halaman dalam pelayar. Penggunaan meluas bingkai pada masa lalu dapat dijelaskan oleh kualiti miskin dan kos yang tinggi trafik Internet. Biasanya, laman web ini telah dibahagikan kepada 3-5 bahagian, setiap yang melakukan tujuan tertentu:
- "Cap" (bingkai atas lebar halaman) - Nama paparan sumber;
- Kiri / kanan "kaca" - menu paparan;
- bingkai Central - menunjukkan kandungan laman web.
Pecahan halaman untuk membenarkan tambah nilai hanya sebahagian daripadanya apabila anda menaik taraf. Sebagai contoh, pengguna klik item menu, dan kerangka pusat telah dipam kandungan baru.
bingkai moden dalam HTML 5
Mengapa saya perlu HTML Contoh - untuk memasukkan kandungan laman web pihak ketiga. Keadaan ini klasik ialah apabila seorang pemaju web mahu menunjukkan kedudukan objek pada peta. Apa yang perlu dilakukan? Menarik pelan tanah dari awal? Tidak - ada penyelesaian yang lebih mudah: membina laman Google Map elemen Yandex Peta atau 2GIS. masalah itu tidak diselesaikan dalam empat langkah.
- Anda perlu pergi ke laman web mana-mana perkhidmatan peta.
- Mencari objek yang dikehendaki. Setelah mengetahui bahawa alamat yang tepat, anda boleh memasukkannya ke dalam kotak carian.
- Menggunakan "Simpan dan mendapatkan kod" (untuk "Yandex.Maps") atau "Finish" (Peta Google) untuk mendapatkan kod untuk memasukkan.
- Ia kekal untuk menulis tag markup dijana pada halaman.
Selain itu, anda boleh memilih saiz peta dan menetapkan pilihan paparan lain.
Bagaimana lagi anda boleh menggunakan HTML Contoh - untuk memasukkan video dari Youtube sumber. Multimedia Technologies menarik pengguna Internet, jadi kandungan video ini begitu popular. Dengan pemasangan roller pemaju mengendalikan dengan cepat.
- Ia perlu dimuat naik ke Youtube video sendiri atau mencari fail pihak ketiga untuk terjemahan.
- Dapatkan tag dengan memilih butang «HTML-kod"
- Perbuatan akhir - memasukkan kod HTML
Dalam kedua-dua contoh saya menggunakan penjanaan kod automatik, tetapi pemaju profesional harus dapat membuat sendiri. Pertama, ia akan membolehkan mereka untuk memahami halaman vorstke dan mengubah suai jika perlu. Kedua, laman web ini tidak semestinya menandakan unsur-unsur (walaupun walaupun pada hakikatnya mereka tergolong dalam sumber luaran), dibentuk tanpa penyertaan webmaster. Di sini juga nampaknya pemaju yang berkelayakan.
sintaks
Jadi sebelum anda memulakan halaman vorstke, iframe (html) tag perlu mengambil kira: apa yang ia dan bagaimana untuk menggunakannya.
Pertama sekali, ia harus diperhatikan bahawa pasangan tag. Antara pembukaan dan ahli menutup menunjukkan kandungan yang akan dipaparkan dalam pelayar yang tidak menyokong elemen markup. tag asas sifat-sifat:
- lebar (W);
- height (tinggi);
- src (alamat sumber dimuatkan);
- menyelaraskan (proses penjajaran);
- frameborder;
- allowfullscreen.
Oleh itu, untuk mendapatkan kod untuk
Susun atur meja adalah mencukupi untuk menggantikan alamat laman kepada mana-mana dan, jika perlu, melaraskan saiz bingkai.
Similar articles
Trending Now