Internet, Web Design

Blok susun atur div tag HTML

Walaupun kira-kira sepuluh tahun yang lalu di runet paling sering digunakan kononnya susun atur jadual. Kerana kenyataan bahawa piawai sesetengah pelayar adalah jauh berbeza antara satu sama lain, kita terpaksa mencari penyelesaian yang betul akan memaparkan dokumen dalam talian pada semua aplikasi. Tetapi lama kelamaan, membangunkan standard, dan untuk menggantikan meja agak tegar dan tidak fleksibel datang ubah baik dan responsif susun atur blok. Di barisan hadapan dalam teknologi ini adalah prinsip menggunakan elemen

. HTML-dokumen dalam majoriti telah dibina atas dasar blok individu, yang, tidak seperti susun atur jadual boleh menjadi bebas daripada satu sama lain.

kemunculan

Kerumitan peningkatan laman web dan perkembangan teknologi komputer telah membawa kepada hakikat bahawa dokumen web telah dibahagikan kepada dua bahagian - bingkai (HTML-code) dan reka bentuk (lembaran gaya). Dengan ini mencapai pembangunan yang tidak pernah berlaku sebelum web, keputusan yang kami kini mampu untuk merenung pada kebanyakan tapak. Di samping meningkatkan

proses pembangunan HTML dibenarkan menentukan bagi setiap elemen individu peraturan reka bentuk mereka. Ini membantu untuk meningkatkan kebolehbacaan laman web dan mengurangkan masa muat turun dokumen. Kini enjin carian lebih cepat dan lebih baik memproses maklumat di laman web itu.

Piawaian dan pengesahan

tag dalam HTML yang digunakan dalam pematuhan ketat dengan standard W3C (World Wide Web Consortium). Memeriksa sumber halaman yang diadakan alat khas - validator, yang mem-parsing (imbasan dan carian) semua jenis kesilapan pada halaman. Page sah bermakna semua tag telah digunakan dengan betul dan sepenuhnya memenuhi keperluan piawaian.

tag membolehkan anda untuk membuat blok, atau sebagai mereka telah dipanggil bekas. Elemen-elemen individu boleh bersarang, dengan itu mewujudkan perlu struktur dan konfigurasi kerumitan. Menggunakan
tag kelas berseorangan pengecam atau boleh dikatakan tidak berlaku. Ia adalah disebabkan oleh "tidak dikenali" elemen. Jika dia tidak mengatur gred, pada akhirnya, semua bekas akan mempunyai konfigurasi yang sama.

Dalam usaha untuk mewujudkan benar-benar betul dokumen, anda mesti menggunakan struktur tag berikut

kelas = «to_imya a". Menghidupkan nama kelas dalam lembaran gaya, anda boleh menentukan lokasi, saiz, dan parameter lain menjumlahkan satu blok dalam dokumen itu.

Menggunakan kelas dan ID

Blok

HTML boleh ditakrifkan sebagai pengecam id, kelas dan kelas. Tidak seperti yang pertama untuk yang kedua ialah bahawa id hanya digunakan sekali pada halaman dokumen. Iaitu, ia digunakan untuk menentukan elemen-elemen unik yang tidak pernah lebih berulang kod halaman. Kelas atribut membolehkan anda memohon yang sama peraturan gaya kepada beberapa elemen. Pendekatan ini dapat memudahkan pembangunan dan sokongan Kod. Di samping itu, satu objek boleh mempunyai beberapa kelas. Untuk pengiktirafan betul ruang yang dikongsi.

Secara semula jadi, struktur blok dokumen itu tidak membayangkan penggunaan tag hanya satu

. Struktur mana-mana halaman web akan sentiasa menjadi unsur-unsur lain. Di samping itu, dengan sendirinya menghalang
elemen boleh mempunyai pelbagai jenis paparan. Ini dilakukan dengan menggunakan paparan sifat. unsur yang boleh menjadi tali atau paparan jadual, yang ketara boleh meningkatkan fleksibiliti penggunaan unit dan mewujudkan sebuah laman web mana-mana konfigurasi.

tag. HTML-sifat

Seperti yang telah disebutkan di atas, tag tidak berubah serpihan susun atur halaman dan digunakan untuk membuat struktur semantik dengan pendaftaran berikutnya oleh lembaran gaya. Menggunakan tag tutup elemen ini adalah wajib.

Walaupun banyak pelayar moden akan dapat mengenali apa-apa kesilapan, dalam beberapa kes, tag unclosed boleh menyebabkan "razvalivanie" struktur dokumen dan kegagalan paparannya.

Sejak elemen ini adalah satu blok, kemudian tahap di mana ia merangkumi kandungan akan bermula dengan barisan baru. Untuk mengubah suai tingkah laku ini mesti berubah unit paparan memaparkan parameter harta. Selain kumpulan elemen bersarang

tag membolehkan anda untuk memformat susun atur kandungan di dalamnya. Ia menggunakan atribut align, di mana anda boleh meletakkan teks atau gambar di sebelah kiri, kanan atau tengah elemen induk.

blok kedudukan

Menggunakan atribut kedudukan yang membolehkan anda untuk menukar kaedah meletakkan item yang dipilih. Jadi, ada tiga jenis kedudukan:

  • Statik (statik) - lalai. Dalam kes ini, elemen adalah mengikut kedudukan dalam HTML-kod.
  • Relatif (relatif). Dalam kes ini, lokasi objek yang dikira mengikut cara yang sama seperti dalam kes kedudukan statik, tetapi ciri-ciri ini membolehkan anda mengubah kedudukan untuk kanak-kanak.
  • Absolute (mutlak). kedudukannya dikira berbanding dengan unsur dengan kedudukan relatif.

sifat-sifat lain

sifat-sifat atas dan kiri digunakan untuk mengubah kedudukan relatif kepada titik asal. Nilai boleh menjadi kedua-dua positif dan negatif. Lebar dan ketinggian elemen blok atribut lebar ditakrifkan dan tinggi, masing-masing. Jika mereka tidak dinyatakan dalam lembaran gaya, unit akan mengambil lebar keseluruhan elemen induk. Jika kandungan blok tidak muat di seluruh "ibu bapa" lebar, maka tingkah laku unsur ditentukan oleh limpahan atribut.

Kami berharap artikel ini telah membantu menangani persoalan apa yang

dalam HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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