Soru değiştirilmemiş bir satır içi öğe nedir?


Aşağıdakileri okurken yükseklik mülkiyet CSS2 belirtimi:

Aşağıdakilere uygulanır: tüm öğeler ancak değiştirilmeyen satır içi öğeler, tablo sütunları ve sütun grupları

Değiştirilen elementi anladım (<img>) veya satır içi öğe (<button>, <a>), ancak değiştirilmemiş satır içi elemanların örneklerini bulmakta zorlanıyorlar.


41
2017-09-17 22:55


Menşei


Değiştirilen öğelerin hangileri olduğunu ve satır içi öğelerin olduğunu biliyorsanız, hangi değiştirilemeyen satır öğelerini biliyorsunuzdur. Değiştirilmeyen satır içi elemanlardır. - Richard JP Le Guen


Cevaplar:


“Değiştirilemeyen satır içi eleman” ifadesi, kendi tanımına sahip değildir: sadece, değiştirilmemiş bir öğe ve bir satır içi öğe olan herhangi bir öğeye başvurur. Gibi <a>. HTML'deki çoğu öğe değiştirilmez. Değiştirilmeyen bir öğe, yalnızca değiştirilen bir öğe olmayan bir öğedir.

Ancak, CSS spesifikasyonlarında, bu elemanların kesin bir listesi değil, “değiştirilmiş eleman” kavramı sadece genel karakterizasyonları vardır. Bu anlaşılabilir bir durumdur, çünkü HTML, CSS'den bağımsız olarak bağımsız olarak gelişir.

Konsept zamanla biraz değişti. CSS 1 spec “HTML, IMG, INPUT, TEXTAREA, SELECT ve OBJECT öğelerinde, değiştirilen öğelerin örnekleri olabilir.” Daha yeni özelliklerde, form alanları artık eklenmez. Bu, HTML5 taslağında yansıtılır. Rendering bölüm, değiştirilmeyen öğeler altındaki form denetimlerini açık bir şekilde listeler. Buna göre değiştirilen tek öğe, bir HTML belgesine bir resim, video, uygulama veya HTML5 tuvali gibi harici içeriği yerleştiren öğelerdir. menu Öğe de belirtilmiştir (tarayıcı denetimlerini yankılandıracak şekilde uygulanması beklenir, bu nedenle sıra dışı içeriği de yerleştirir).

Bu değişiklik tarayıcı gelişimini yansıtır. Erken tarayıcılar, sistem rutinlerini CSS'deki herhangi bir şeye bağışık olmayan bir şekilde kullanarak form alanları uyguladılar ve hala bu tür yaklaşımların bazı kalıntıları var, ancak günümüzde form alanları çoğunlukla CSS ile biçimlendirilebiliyorlar, bu yüzden etkin bir şekilde değiştirilmeden değiştirilen öğeler.

En pratik amaçlar için, “yerleştirme” olarak “değiştirilmeyi” okumak en iyisidir. Bu nedenle “değiştirilmeyen eleman”, yerine harici içeriğin girmesine neden olmak yerine, bu şekilde işlenen bir öğedir.


35
2017-09-18 06:33



it is best to read “replaced” as “embedding” Anlamak çok kolay, iyi bir açıklama, teşekkürler! - Roy Ling
çok iyi cevap - gamliela
Çok İyi Cevap. - Zack ISSER


David Baron bunu kendi web sitesinde tartışıyor.

İki tür satır içi eleman vardır: değiştirilmiş satır içi elemanlar ve   değiştirilmemiş satır içi elemanlar. Genel olarak, değiştirilmeyen öğeler   İçeriği belgede bulunanlar ise   Değiştirilen öğeler, içeriği belgenin dışında olanlardır.   Örneğin, kodda:

Ziyaret et <a href="http://www.w3.org/">World Wide Web Consortium</a>   ... hakkında bilgi edinmek için a eleman "World Wide Web" dir   Konsorsiyum ". Değiştirilen öğeler, içeriğin nereden geldiği   bazı harici kaynaklar, örneğin object veya img öğesi.

Ancak, inline kutu modeli söz konusu olduğunda, tanımlar   Ekran türlerine sahip elemanlar hariç yukarıda açıklandığı gibi    inline-tableve inline-block (ikincisi CSS3 için önerilen bir tiptir   Form öğelerini barındırmak için) değiştirilen öğeler olarak kabul edilir.

Değiştirilmemiş satır içi öğelerin iyi örnekleri span, strong, i, b, em, vb.


23
2017-09-17 23:02



<button> Gönder </ button>, satır içi bir öğedir ve değiştirilmeyen bir öğedir. Bu değiştirilmeyen bir eleman mı? - Michael Z
Bunun mantıklı olduğundan emin değilim. - cereallarceny
@MichaelZ Doğru anlıyorsam, button dolgu malzemesi ve bunun kendisinde yerleşik olması anlamında bir satır içi elemandır. Yanılıyor olabilirim ve eğer öyleyse bu yorumu geri çekeceğim, ama David Baron'a göre teknik olarak değiştirilen bir eleman olarak düşünülebilir. - cereallarceny
Bu cevap kabul edilen cevaptan daha iyidir, çünkü “değiştirmeyi” daha açık bir şekilde açıklar. OP, her kategoride var olan unsurlar hakkında zaten bir fikre sahipti. - Trindaz


Tanımını bulabilirsiniz değiştirilmiş bir eleman endekste:

İçeriği CSS formatının kapsamı dışında olan bir öğe   görüntü, katıştırılmış belge veya uygulama gibi model. Örneğin,   HTML IMG öğesinin içeriği genellikle resmin yerini alır.   "src" özniteliğini belirtir. Değiştirilen elemanlar genellikle   içsel boyutlar: içsel genişlik, içsel yükseklik ve   içsel oran. Örneğin, bir bitmap görüntüsünün iç genişliği vardır.   ve mutlak birimlerde belirtilen içsel bir yükseklik (   intrinsik oran açıkça belirlenebilir). Diğer yandan, diğer   Belgeler herhangi bir içsel boyuta sahip olmayabilir (örneğin, boş)   HTML belgesi).

Kullanıcı aracıları, değiştirilmiş bir öğeyi içsel olarak kullanamaz.   bu boyutların sızabileceğine inanılırsa boyutlar   Üçüncü tarafa hassas bilgi. Örneğin, bir HTML   Belge, kullanıcının banka bakiyesine bağlı olarak intrinsik boyutu değiştirdi,   o zaman UA, bu kaynağın içkin olmadığı gibi davranmak isteyebilir.   boyutları.

Değiştirilen öğelerin içeriği CSS'de dikkate alınmaz   oluşturma modeli.

Değiştirilmemiş bir satır içi öğe, satır içi olan ve yukarıdakilere uymayan bir şeydir. Kabaca ifade edersek, normal olarak stilize edilebilen bir metin (veya içerebilen) içeren bir elementtir. (a, b, cite, def, em, vb)


15
2017-09-17 23:49