Internet, Desain web

Blok tag HTML tata letak div

Bahkan beberapa sepuluh tahun yang lalu di Runet paling sering digunakan disebut tata letak tabular. Karena kenyataan bahwa standar beberapa browser secara signifikan berbeda dari satu sama lain, kami harus mencari solusi yang benar akan menampilkan dokumen secara online di semua aplikasi. Tapi seiring berjalannya waktu, mengembangkan standar, dan untuk menggantikan meja agak kaku dan tidak fleksibel datang variabel baik dan responsif tata letak blok. Di garis depan teknologi ini adalah prinsip menggunakan elemen

. HTML-dokumen dalam mayoritas dibangun atas dasar blok individu, yang, tata letak meja seperti dapat independen satu sama lain.

munculnya

Meningkatnya kompleksitas halaman Web dan perkembangan teknologi komputer telah menyebabkan fakta bahwa dokumen web telah dibagi menjadi dua bagian - frame (HTML-code) dan desain (style sheet). Dengan ini mencapai pembangunan belum pernah terjadi sebelumnya dari web, hasil yang kita sekarang dapat merenungkan sebagian besar situs. Selain meningkatkan

proses pembangunan HTML diperbolehkan untuk menentukan untuk setiap elemen individu aturan desain mereka. Hal ini membantu untuk meningkatkan pembacaan halaman web dan mengurangi waktu download dokumen. Sekarang mesin pencari informasi proses yang lebih cepat dan lebih baik tersedia di situs.

Standar dan validasi

tag di HTML digunakan ketat sesuai dengan standar W3C (World Wide Web Consortium). Memeriksa sumber halaman mengadakan alat khusus - validator, yang mem-parsing (scan dan pencarian) semua jenis kesalahan pada halaman. Halaman ini berlaku berarti bahwa semua tag telah digunakan dengan benar dan sepenuhnya memenuhi persyaratan standar.

tag memungkinkan Anda untuk membuat blok, atau seperti yang disebut kontainer. Elemen-elemen individu dapat bersarang, sehingga menciptakan diperlukan struktur dan konfigurasi kompleksitas. Menggunakan
tag kelas ditemani identifier atau praktis tidak terjadi. Hal ini disebabkan oleh "tak berwajah" elemen. Jika ia tidak menetapkan nilai, pada akhirnya, semua kontainer akan memiliki konfigurasi yang identik.

Dalam rangka untuk membuat benar-benar benar dokumen, Anda harus menggunakan struktur tag berikut

class = «to_imya a". Menghidupkan nama kelas dalam stylesheet, Anda dapat menentukan lokasi, ukuran, dan parameter lain dari menjumlahkan satu blok dalam dokumen.

Menggunakan kelas dan ID

Blok

HTML dapat didefinisikan sebagai identifier id, kelas dan kelas. Tidak seperti yang pertama yang kedua adalah bahwa id hanya digunakan sekali pada halaman dokumen. Yaitu, digunakan untuk menentukan unsur-unsur yang unik yang tidak pernah lebih diulang dalam kode halaman. atribut kelas memungkinkan Anda menerapkan sama aturan gaya untuk beberapa elemen. Pendekatan ini sangat menyederhanakan pengembangan dan dukungan dari Kode. Selain itu, satu objek dapat memiliki beberapa kelas. Untuk pengakuan yang tepat dari ruang bersama.

Tentu, struktur blok dokumen tidak menyiratkan penggunaan hanya satu tag

. Struktur halaman web akan selalu unsur-unsur lain. Selain itu, dalam dirinya sendiri memblokir
elemen dapat memiliki berbagai jenis display. Hal ini dilakukan dengan menggunakan tampilan properti. elemen dapat berupa string atau tampilan meja, yang secara signifikan dapat meningkatkan fleksibilitas penggunaan unit dan membuat website dari konfigurasi apapun.

tag. HTML-sifat

Seperti yang sudah disebutkan di atas, tag tidak berubah fragmen tata letak halaman dan digunakan untuk membuat struktur semantik dengan pendaftaran berikutnya oleh style sheet. Menggunakan tag penutup untuk elemen ini adalah wajib.

Terlepas dari kenyataan bahwa banyak browser modern akan dapat mengenali kesalahan seperti itu, dalam beberapa kasus, tag tertutup dapat menyebabkan "razvalivanie" struktur dokumen dan kegagalan layar.

Sejak elemen ini adalah sebuah blok, maka sejauh itu meliputi konten akan dimulai dengan baris baru. Untuk mengubah perilaku ini harus mengubah unit layar menampilkan parameter properti. Selain pengelompokan elemen bersarang

tag memungkinkan Anda untuk memformat tata letak konten di dalamnya. Ia menggunakan atribut align, di mana Anda dapat menempatkan teks atau gambar di sebelah kiri, kanan, atau tengah elemen induk.

blok positioning

Menggunakan atribut posisi memungkinkan Anda untuk mengubah metode posisi item yang dipilih. Jadi, ada tiga jenis posisi:

  • Statis (statis) - default. Dalam hal ini, unsur tersebut sesuai dengan posisi di HTML-kode.
  • Relatif (relative). Dalam hal ini, lokasi objek dihitung dengan cara yang sama seperti dalam kasus posisi statis, tetapi fitur ini memungkinkan Anda untuk mengubah posisi untuk anak-anak.
  • Absolut (mutlak). Posisinya dihitung relatif terhadap elemen dengan posisi relatif.

atribut lainnya

atribut atas dan kiri digunakan untuk mengubah posisi relatif terhadap titik asal. Nilai dapat menjadi positif dan negatif. Lebar dan tinggi dari elemen blok atribut lebar didefinisikan dan tinggi, masing-masing. Jika mereka tidak ditentukan dalam style sheet, unit akan mengambil seluruh lebar dari elemen induk. Jika konten blok tidak cocok di "tua" width, maka perilaku elemen ditentukan oleh atribut melimpah.

Kami harap artikel ini telah membantu untuk menangani pertanyaan tentang apa yang

di HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 id.atomiyme.com. Theme powered by WordPress.