Naon nya éta selisih Blok-tingkat tur Inline Unsur?
HTML diwangun ku rupa-rupa elemen éta meta salaku blok wangunan kaca wéb. Unggal unsur ieu tumiba kana salah sahiji dua kategori - boh blok-tingkat elemen atanapi hiji elemen inline. Ngarti kana bédana antara dua jenis ieu unsur téh hiji hambalan penting dina ngawangun kaca wéb.
Blok Level Unsur
Sangkan naon anu unsur block-tingkat? A unsur block-tingkat mangrupa unsur HTML nu dimimitian hiji garis anyar dina kaca Wéb sarta ngalegaan ti lébar tina spasi horizontal sadia tina unsur indungna na. Nya nyieun blok badag eusi kawas ayat atawa babagian kaca. Kanyataanna, paling elemen HTML mangrupakeun elemen block-tingkat.
elemen Blok-tingkat anu dipaké dina awak dokumen HTML urang. Éta bisa ngandung elemen inline, kitu ogé elemen block-tingkat séjén.
Inline Unsur
Kontras jeung unsur block-tingkat, unsur inline tiasa:
- Dimimitian dina hiji garis
- Henteu mimiti garis anyar
- lebar na ukur manjang sajauh eta dihartikeun ku tag na.
Conto unsur inline nyaeta tag
.
Aya ogé jenis katilu unsur dina HTML: jalma nu teu ditampilkeun pisan. elemen ieu méré informasi ngeunaan kaca tapi teu ditampilkeun nalika rendered dina browser Web.
Salaku conto:
-
ngahartikeun gaya na stylesheets. - ngahartikeun data meta.
-
teh HTML unsur dokumen anu nyepeng elemen ieu.
Ngalihkeun Tipe Inline sarta Blok Unsur
Anjeun tiasa ngarobah tipe unsur urang ti inline pikeun meungpeuk, atawa sabalikna, ngagunakeun salah sahiji sipat CSS ieu:
- tampilan: block;
- tampilan: inline;
- tampilan: taya;
The CSS sipat tampilan ngidinan Anjeun ngarobah hiji sipat inline pikeun meungpeuk, atawa blok ka inline, atanapi teu nembongkeun pisan.
Nalika nepi Robah Harta Témbongkeun
Sacara umum, kuring resep ninggalkeun harta tampilan nyalira, tapi aya sababaraha kasus dimana swapping inline jeung tampilan block sipat tiasa mangpaat.
- Horizontal daptar ménu: Daptar nu elemen block-tingkat, tapi lamun hoyong menu Anjeun pikeun nembongkeun horisontal, Anjeun kudu ngarobah daftar ka unsur inline ambéh unggal item menu teu ngamimitian dina garis anyar.
- Headers dina téks: Kadang-kadang nu bisa hayang lulugu pikeun tetep di téks, tapi ngajaga nilai lulugu HTML. Ngarobah h1 ngaliwatan nilai h6 mun inline bakal ngidinan téks nu asalna sanggeus tag nutup -na pikeun neruskeun ngalir di gigireun eta dina garis sarua, tinimbang dimimitian dina garis anyar.
- Nyoplokkeun unsur: Upami Anjeun hoyong cabut unsur lengkep ti dokumen urang aliran normal , Anjeun tiasa nyetel pintonan pikeun ngaping. Hiji catetan, awas lamun ngagunakeun tampilan: none.While gaya anu bakal, memang, sangkan unsur halimunan, anjeun pernah rek dipake ieu nyumputkeun téks nu ditambahkeun alesan SEO, tapi teu hayang nembongkeun keur datang. Nu mangrupakeun jalan surefire geus situs anjeun penalized keur pendekatan hat hideung mun SEO.
Kasalahan umum Inline Unsur pormat
Salah sahiji kasalahan paling umum anu pendatang ka design Web ngajadikeun ieu nyobian pikeun ngeset lebar dina unsur inline. Ieu teu dianggo lantaran elemen inline lebaran teu ditetepkeun ku kotak wadahna.
elemen Inline malire sababaraha pasipatan:
- lebar tur jangkungna
- max-lebar tur max-jangkungna
- mnt-lebar tur mnt-jangkungna
Catetan: Microsoft Internet Explorer (ayeuna disebut Microsoft Tepi) geus kaliwat leres dilarapkeun sababaraha pasipatan ieu malah ka inline buleud. Ieu teu standar patuh, jeung ieu bisa jadi kasus kalayan versi anyar tina browser web Microsoft urang.
Lamun perlu nangtukeun lebar atawa jangkungna éta unsur kedah nyandak up, anjeun gé rék nerapkeun éta kana unsur block-tingkat ngandung Anjeun inline téks.
Diédit ku Jeremy Girard on 2/3/17