HTML'deki satır içi öğelere karşı öğeleri engelle: neden ayrım?

Blok ve satır içi öğeler arasındaki ayrım her zaman garip geldi. Tüm fark, bir blok elemanının tüm genişliği kaplaması ve böylece elemandan önce ve sonra bir satır kesmesini zorlaması ve bir satır içi elemanın sadece içerik kadar yer almasıdır. Neden yalnızca bir tür öğeye sahip değilsiniz - özel yükseklik / genişlik de uygulayabileceğiniz ve bunu kullanabileceğiniz bir satır içi öğe? Satır kesmeleri mi istiyorsunuz? Bir ekleme <br />ya da belki o davranış için CSS özel etiket ekleyin. Şimdi olduğu gibi, herhangi bir problemi çözdüğünü görmüyorum ve bunun yerine sadece bir tasarımcı tarafından kararlaştırılması gereken bir mülkü zorlar.

Peki neden iki tip?

Diyorsun:

Satır kesmeleri mi istiyorsunuz? Bir ekleme <br />ya da belki o davranış için CSS özel etiket ekleyin. Şimdi olduğu gibi, herhangi bir problemi çözdüğünü görmüyorum ve bunun yerine sadece bir tasarımcı tarafından kararlaştırılması gereken bir mülkü zorlar.

Doğru yoldasınız - stil tasarımcı tarafından kararlaştırılmalıdır.

Ancak, sorunu tersine çevirdiniz. Bir <br/>etiket eklemek aslında "bir tasarımcı tarafından kararlaştırılması gereken bir özelliği zorlayan" bir seçenektir - biçimlendirme belgesi içinde <br/>, orada olduğunda, oradadır - ve sadece bazı zor / hileli CSS ile etkisini kaldırabilirsiniz.

elementsÖte yandan, satır içi / blok , genel kullanım durumu için uygun bir varsayılanla tamamen stilize edilmiş öğelerdir. Visual özelliğinin kendisi display:inlineveya ile bir CSS tasarımcısı tarafından anında değiştirilebilir display:block.

Örneğin, bu günlerde gezinme için ortak öğeyi ele alalım <li>. Bunlar varsayılan blocköğelerdir, ancak tasarımcılar bunları floatsatır içinde göstereceklerdir ( blocksadece tüm çizgiyi almaktan daha özel özelliklere sahiptir, ancak bu başka bir gün için bir konuşmadır).

Çoğu öğenin standart biçimlendirmesi vardır ... Sorunuz, bu biçimlendirmenin tasarımcının kararı olması gerektiğini ve kaldırılması gerektiğini de belirtebilir. Her zaman sadece bir başlangıç ​​noktası olduğunu düşündüm ve gerekirse biçimlendirmeyi kaldırdım (genellikle değildi). Ama sonunda doğal olan bazı şeyler var. Örneğin bir paragrafınız varsa, bunun bir blok öğesi olmasını beklersiniz çünkü bu bir paragrafın doğasıdır. Elemanların blok veya satır içi gibi varsayılan ayarlara sahip olup olmadığına bakılmaksızın, kesinlikle her iki durumda da bu seçeneği belirleme yeteneğini istiyorum. Bunu söylememin sebebi, IMO'yu bir şeyleri bu şekilde kırmaktan daha temiz<br />HTML'de. Aynı şeyi yapıyor mu? Evet. Ancak HTML'deki son gelişmelerle büyük bir çaba, onu biçimlendirmeye kadar HTML'ye daha az ve CSS'ye daha fazla koyduğunuz bir anlamsal dil haline getirmeye odaklandı. <br />Tipik olarak, bir paragraf ya da diğer cümle içeren yapı içinde bir hat ara atıfta olan araçlar satır sonu. Sonunda benim için önemli değil ama şahsen blok ve satır içi ayrım yapabilme yeteneğini istiyorum, umarım en azından CSS tarafından asla kaldırmazlar!

Bu, paragraflar ve cümleler arasında gerçek bir fark olmadığını söylemek gibidir. Paragraflar bir grup fikri sınırlar . Tipik olarak, bir cümle tek bir fikir içindir.

İşaretleme, semantikle ilgilidir, görüntülenmez. Gerçekten de, bir tasarımcı varsayılan olarak bir blok stilini varsayılan olarak satır içi ve tersi olarak ele almakta serbesttir.

In LaTeX yatay modu ve dikey modda: (matematik modu dahil değil) iki mod vardır. Öğeler (karakterler) paragrafta "yatay" olarak biriken küçük kutulardır. Sonra bu büyük kutular dikey olarak birikir. Bu (X) HTML'ye benzer: satır içi ve blok.

Bana geriye dönük uyumluluk sorunu gibi geliyor. Satır içi öğe muhtemelen HTML standardının daha sonraki bir eklentisiydi ve 1992'de yazılan web sayfalarının 2011'de hala görüntülenebilmesi için hala destekleniyor - orada bir ton 19 yaşındaki web sayfası olduğu gibi ...!

Ekran modlarının blok ve satır içi arasında o kadar farklı olduğunu düşünüyorum ki, işaretleme düzeyinde yapmaya değer bir ayrım.