HTML'de kelime heceleme. Kelime tireleme Bir özellik ile diğeri arasındaki fark nedir
White-space özelliği, kelimeler arasındaki boşlukların nasıl görüntüleneceğini ayarlar. Normal şartlar altında, HTML kodundaki herhangi bir sayıdaki boşluk, bir web sayfasında tek boşluk olarak görünür. İstisna, öğedir , bu kapsayıcıya yerleştirilen metin, kullanıcı tarafından biçimlendirildiği için tüm boşluklarla görüntülenir. Böylece, beyaz boşluk taklitleri çalışır
Ancak bunun aksine, yazı tipini tek aralıklı olarak değiştirmez.kısa bilgi
Tanımlamalar
Açıklama | Örnek | |
---|---|---|
<тип> | Değerin türünü belirtir. | <размер> |
A &&B | Değerler gösterilen sırada görüntülenmelidir. | <размер> && <цвет> |
bir | B | Önerilen değerlerden yalnızca birinin seçilmesi gerektiğini belirtir (A veya B). | normal | küçük şapkalar |
bir || B | Her değer tek başına veya herhangi bir sırayla başkalarıyla birlikte kullanılabilir. | genişlik || saymak |
Grup değerleri. | [kırp || geçmek] | |
* | Sıfır veya daha fazla kez tekrarlayın. | [,<время>]* |
+ | Bir veya daha fazla kez tekrarlayın. | <число>+ |
? | Belirtilen tür, sözcük veya grup isteğe bağlıdır. | ek? |
(A, B) | En az A'yı tekrarlayın, ancak B'den fazla değil. | <радиус>{1,4} |
# | Virgülle ayırarak bir veya daha fazla kez tekrarlayın. | <время># |
Değerler
normal Metin tarayıcı penceresinde her zamanki gibi görüntülenir, satır sonları otomatik olarak ayarlanır. nowrap Boşluklar yoksayılır, HTML kodundaki satır sonları yoksayılır, tüm metin bir satırda görüntülenir; ancak, ekleyerek
metni yeni bir satıra kaydırır. pre Metin, geliştirici tarafından HTML koduna eklendiği şekliyle tüm boşluklar ve kısa çizgiler dahil olarak gösterilir. Satır tarayıcı penceresine sığmayacak kadar uzunsa, yatay kaydırma çubuğu eklenecektir. satır öncesi Boşluklar metinde sayılmaz, metin belirtilen alana sığmıyorsa otomatik olarak bir sonraki satıra kaydırılır. ön sarma Metindeki tüm boşluklar ve kesmeler korunur, ancak satır genişliği belirtilen alana sığmazsa, metin otomatik olarak bir sonraki satıra kaydırılır.
Değerlerin metne etkisi tablo halinde sunulmuştur. 1.
Örnek
Örnek
Fermat'ın Son Teoremi
x n+ Y n= Z n
n bir tam sayıdır> 2
Bu örneğin sonucu Şekil 2'de gösterilmektedir. 1.
Pirinç. 1. Beyaz boşluk özelliğinin uygulanması
Nesne Modeli
Bir obje.style.whiteSpace
Not
7.0'a kadar olan ve dahil olan Internet Explorer, satır öncesi ve sarma öncesi değerleri desteklemez. İçin
9.5 sürümünden önceki Opera, satır öncesi değeri desteklemez. İçin
için Firefox'ta
Şartname
Her spesifikasyon birkaç onay aşamasından geçer.
- Öneri - Bu belirtim W3C tarafından onaylanmıştır ve standart olarak önerilir.
- Aday Önerisi ( Olası öneri) - standarttan sorumlu grup, hedeflerine ulaştığından memnundur, ancak standardı uygulamak için geliştirici topluluğunun yardımına ihtiyaç vardır.
- Önerilen Öneri ( Önerilen öneri) - Bu noktada belge nihai onay için W3C Danışma Konseyi'ne sunulur.
- Çalışma Taslağı - Tartışma ve topluluk incelemesi için revizyondan sonra taslağın daha olgun bir versiyonu.
- Editörün taslağı ( içerik taslağı) - proje editörleri tarafından düzenlendikten sonra standardın taslak versiyonu.
- Taslak ( Taslak şartname) standardın ilk taslağıdır.
Otomatik beceriksiz tireleme (tire eklemeden).
İlgilenilen mülk değerleri:
- her şeyi kırmak
Otomatik aktarım tümünden kelimeler, metin haklı gibi görünüyor. - break-word (bu sitede başlıklarda kullanılır)
Belirtilen blok genişliğine uymayan sözcükleri tek tek sarın.
Parlak bir gelecek. СSS özelliği kısa çizgileri
Tireleme kuralları, tarayıcıda yerleşik bir sözlük tarafından belirlenir. Özellik, belgenin tamamı veya tek tek bölümleri düzeyinde bir dil koduna sahip bir lang özniteliği olduğunda çalışır.
İlgilenilen değerler:
- manuel (varsayılan)
Sözcükler yalnızca metnin özel karakteri & shy (yumuşak sarma) veya etiketinin eklendiği yerlere sarılır... Özel karakterler metne manuel olarak yerleştirilir, normal metinde görünmez ve kelime uymazsa, tarayıcı özel karakterin bulunduğu yerde bir tireleme oluşturur. Bir kelimeyi hecelerken özel karakter ve utangaç (okulda öğretildiği gibi), ancak etiket yok. - Oto
Tarayıcı, yerleşik sözlüğe dayalı olarak otomatik olarak tireleme ekler. Şimdiye kadar, zayıf tarayıcı desteği, chrome ( .
programı
Tirelemeyi önle
Ters bir sorun var - tirelemeyi yasaklamak. Örneğin soyadının baş harflerini veya ölçü birimini değerlerden (100 kg) ayırmayın. Tarayıcının normal boşluk yerine tireleme eklemesini önlemek için bölünmeyen bir boşluk & nbsp yazın
Ayrıca, metinde yumuşak tireler olsa bile, sözcükler tirelenmediğinde, tire CSS özelliği none değerine sahiptir.
kısa bilgi
CSS sürümleri
CSS1 | CSS2 | CSS 2.1 | CSS3 |
---|---|---|---|
Açıklama
White-space özelliği, kelimeler arasındaki boşlukların nasıl görüntüleneceğini ayarlar. Normal şartlar altında, HTML kodundaki herhangi bir sayıdaki boşluk, bir web sayfasında tek boşluk olarak görünür. Bir istisna, etikettir
Bu kapsayıcıya yerleştirilen metin, kullanıcı tarafından biçimlendirildiği için tüm boşluklarla birlikte görüntülenir. Böylece beyaz boşluk, etiketin nasıl çalıştığını taklit eder.Ancak bunun aksine, yazı tipini tek aralıklı olarak değiştirmez.Sözdizimi
boşluk: normal | şimdi rap | ön | ön hat | ön sarma | miras
Değerler
normal Metin tarayıcı penceresinde her zamanki gibi görüntülenir, satır sonları otomatik olarak ayarlanır. nowrap Boşluklar yoksayılır, HTML kodundaki satır sonları yoksayılır, tüm metin bir satırda görüntülenir; ancak, bir etiket ekleme
metni yeni bir satıra kaydırır. pre Metin, geliştirici tarafından HTML koduna eklendiği şekliyle tüm boşluklar ve kısa çizgiler dahil olarak gösterilir. Satır tarayıcı penceresine sığmayacak kadar uzunsa, yatay kaydırma çubuğu eklenecektir. ön satır Metinde boşluklar dikkate alınmaz, metin belirtilen alana sığmıyorsa otomatik olarak bir sonraki satıra kaydırılır. ön sarma Metindeki tüm boşluklar ve kesmeler korunur, ancak satır genişliği belirtilen alana sığmazsa, metin otomatik olarak bir sonraki satıra kaydırılır. inherit Değeri üst öğeden devralır.Değerlerin metne etkisi tablo halinde sunulmuştur. 1.
HTML5 CSS2.1 IE Cr Op Sa Fx
Beyaz boşluk Örnek
Fermat'ın Son Teoremi
x n+ Y n= Z n
n bir tam sayıdır> 2Bu örneğin sonucu Şekil 2'de gösterilmektedir. 1.
Pirinç. 1. Beyaz boşluk özelliğinin uygulanması
Nesne Modeli
document.getElementById ("elementID") .style.whiteSpace
tarayıcılar
7.0'a kadar olan ve dahil olmak üzere Internet Explorer, satır öncesi, ön sarma ve devralmayı desteklemez. İçin
9.5 sürümünden önceki Opera, satır öncesi değeri desteklemez. İçin
3.0'dan önceki Safari ve iOS, ön sarma ve satır öncesi değerleri desteklemez.
Sürüm 2.0'a kadar olan Firefox, satır öncesi ve sarma öncesi değerleri desteklemez. İçin
Vlad Merjeviç
Yazdırmadaki metnin aksine, kağıt boyutuna sıkı sıkıya bağlı olmadığımız için tireleme bir web sayfasında nadiren kullanılır. Web siteleri farklı monitörlerde, farklı çözünürlüklerde, farklı işletim sistemlerinde ve tarayıcılarda görüntülenebilir. Bütün bunlar, son metnin kullanıcı için nasıl görüneceğini tahmin etmenin imkansız olduğu bir kombinasyon kombinasyonuna yol açar. Bu nedenle, metin genellikle sola hizalanır ve tüm sözcüklerle tireleme oluşur. Ancak yine de bazı durumlarda, örneğin uzun kimyasal veya tıbbi terimler kullanıldığında, estetik uğruna belirli bir genişlikteki dar sütunlarda tireleme gereklidir. HTML ve CSS'de tireleme eklemenin çok fazla manuel veya otomatik yolu yoktur, bu yüzden hepsini listeleyeceğim.
etiketi kullanma
Etiket
HTML5'te tanıtıldı ve gerekirse sözcük kaydırma oluşturur. Rus dilinin kurallarına göre transfere izin verilen yerlerde, (örnek 1). Kelimenin tamamı ayrılan genişliğe sığarsa, bu etiket hiçbir şekilde kendini göstermez ve varlığından bile haberimiz olmaz. Kelime uymuyorsa, tarayıcı etiketin bulunduğu yerdedir. taşıma oluşturur. Örnek 1. Etiket
transferler Bir
üst sınıf muhbir Angelica okuldan mezun olduktan sonra iş mesleğini seçti üretme sürücü yüzler. Bu örneğin sonucu Şekil 2'de gösterilmektedir. 1.
Pirinç. 1. Kelime kaydırmalı metin
yumuşak transfer
Başvuru
ciddi bir dezavantajı var - önümüzde kısa çizgi mi yoksa başka bir satırda ayrı bir kelime mi olduğunu anlamak imkansız. Bu nedenle cümlenin anlamı kaybolabilir ve yanlış anlaşılabilir. Tireleme, tipografi kurallarına göre yapılmalıdır, yani: satırın sonuna bir tire ekleyin. Yumuşak tireleme bunun için harika bir iş çıkarır, HTML kodunda bunun için özel bir sembol vardır -. Etiketle aynı görevi görür - normal metinde görünmez ve bir tire eklerken sözcüğü başka bir satıra kaydırır (örnek 2). Örnek 2. Yumuşak taşıma
transferler On birinci sınıf snitsa Angelica, okuldan mezun olduktan sonra iş yapımcısı-sürücü mesleğini seçti.
Bu örneğin sonucu Şekil 2'de gösterilmektedir. 2. Metnin, şek. 1.
Pirinç. 2. Kelime kaydırmalı metin
Kelime kesme özelliği
Kısa çizgi oluşturma işlemini otomatikleştirmek için, tümünü kesme değeriyle sözcük kesme özelliğini kullanın (örnek 3). HTML'ye herhangi bir sembol veya etiket eklemeye gerek yoktur, her şey stiller tarafından ele alınır.
Örnek 3. Kelime kesmeyi kullanma
transferler On birinci sınıf öğrencisi Angelica, okuldan mezun olduktan sonra bir katip mesleğini seçti.
Bu örneğin sonucu Şekil 2'de gösterilmektedir. 3. Bu durumda metin tireleme kuralları dikkate alınmaz, bu nedenle kelimeler çok tuhaf bir şekilde tirelenebilir.
Pirinç. 3. Kelime kaydırmalı metin
Listelenen tüm yöntemlerden "yarı manuel" kullanımı - en iyi sonucu verir - Rus dilinin kurallarına uyar, metin estetik açıdan en hoş görünüyor. Metinde uzun kelimeler olduğunda kullanın.
tire özelliği
Ve son olarak, otomatik olarak kısa çizgi eklemek için en güçlü ve kullanışlı özellik kısa çizgidir. Eylemi, tarayıcının yerleşik tireleme sözlüğüne dayanır, bu nedenle en iyi sonucu verir. IE10, Firefox, Android ve iOS'ta desteklenir. Chrome ve Opera desteklemiyor. Her şeyi yapmak için, etiket için lang niteliğini ru değeriyle ekleyin (örnek 4).
Örnek 4. Tire kullanma
transferler On birinci sınıf öğrencisi Angelica, okuldan mezun olduktan sonra bir katip mesleğini seçti.
Bu örneğin sonucu Şekil 2'de gösterilmektedir. 4.
Pirinç. 4. Kelime kaydırmalı metin
Tirelemeyi önle
Ters problem genellikle ortaya çıkar - dil kurallarına göre kabul edilemez oldukları yerlerde kısa çizgileri yasaklamak. Örneğin, ölçü birimlerini sayıdan (10 ml), yılın tanımından (MÖ 54), soyadının baş harflerinden, kalıcı kısaltmaları (vs.) kesemezsiniz. boşluğa kısa çizgi ekleyin, bunun yerine bölünemez bir boşluk bırakılmalıdır (örnek 5).
Örnek 5. Kullanım
transferler 70 ° 58 ′ 19 ″ s koordinatlarında göl. NS. 97 ° 24 ′ 5 ″ E Köy, Rusya'nın Krasnoyarsk Bölgesi'ndeki Taimyr Dolgano-Nenets Bölgesi'nde yer almaktadır.
Bu örnekte, koordinatların doğru yazılması için metnin kaydırılmasına izin vermeyen kullanılmıştır.