Html'de sekme etiketi. Boşluk karakterleri ve bunların Html'deki kod biçimlendirmelerinin yanı sıra bölünmeyen boşluk özel karakterleri ve diğer anımsatıcılar. Bölünemez boşluk ve yumuşak kısa çizgi dahil olmak üzere bazı özel karakterlerin kullanıldığı durumlar

Etiket

etiketi, metinde bir sekme karakteri belirtir. /t kaçış dizisini kullanmakla aynıdır.

1 2 3\t\t\t4
Görüntülenen:
1 2 3 4

Bir sekme karakteri girildiğinde bir satırın kaydıracağı mesafe isteğe bağlı olarak ayarlanabilir. Bu, etiketin TABTOPS özelliği tarafından yapılır.

Etiket, standart bir HTML etiketi değildir. Metin biçimlendirmesinin tutarlı bir şekilde yapılabilmesi için Flash işaretleme etiketlerine eklenmiştir.

Etiket...

Etiket, kenar boşlukları, girintiler ve satır sonları gibi metin biçimlendirme özelliklerinden sorumludur. İçinde aşağıdaki nitelikler ayarlanabilir:

SOL MARJIN. Puan cinsinden sol kenar boşluğunun boyutu. Analog, TextFormat sınıfının leftmargin özelliğidir.

SAĞ MARJ. Nokta cinsinden sağ kenar boşluğunun değeri Analog, TextFormat sınıfının sağ kenar boşluğu özelliğidir.

GİRİNTİ. Nokta olarak paragrafın ilk satırının girintisi. TextFormat sınıfının özellikleri arasında indent özelliği buna benzer.

ENGELLİ.

Nokta cinsinden bir metin paragrafının sol girintisi. Analog - özellik bloğuIndent
TextFormat sınıfı.

LİDER. Noktalardaki çizgiler arasındaki mesafe. TextFormat sınıfının benzer bir özelliği önde gelmektedir.

Sekme Durakları. Öznitelik, dizideki her bir sekme karakterinin noktalarda hangi satır kaymasına neden olacağını belirtir. Değeri, 1, 2, 3, ... n sekme karakteri arka arkaya yazılırsa satırın pencereye hareket edeceği mesafeleri içeren bir sayılar listesidir. TABTOPS özniteliğinin bir benzeri, TextFormat sınıfının tabStops özelliğidir.


pole.html=pole.border=pole.multiline=true;
field.htmlMetin="

0 bir sekme > İki sekme >
ÜÇ TABAR>

";

Etiket, standart bir HTML etiketi değildir. Etiketleri kullanarak metni işaretleme olanakları, Text Format sınıfının özelliklerini kullanmaya benzer olacak şekilde tanıtıldı.

Etiket...

Etiket keyfi bir metin parçasına bir CSS sınıf stili uygulamak için tasarlanmıştır.

Sınıf adı, CLASS özniteliğinde belirtilir.

This.createTextField("kutup", 0, 150, 150, 200, 90);
pole.autoSize = pole.border=pole.multiline=true;
// Kırmızı, yeşil ve mavi metni tanımlayan üç sınıf stili oluşturun
var style:TextField.Stylesheet = new TextField.Stylesheet();
var green_text:String = ".YEŞİL (renk:#00FF00)";
var red_text:String = ".RED (renk:#FF0000)";
var blue_text:String = ".BLUE (renk:#0000FF)";
style.parseCSS(green_text+red_text+blue_text);
pole.styleSheet=stil;
// Metni oluşturulan stiller ile görüntüle
alan.metin=" 3yeşil metin

kırmızı metin

Mavi metin ";

Merhaba, blog sitesinin sevgili okuyucuları! En azından yüzeysel olarak tanışmayı başaranlar, muhtemelen genel anlamda da olsa not aldılar. Bu, belge kodunda genellikle hangi HTML karakterlerinin kullanıldığı hakkında bir fikirleri olduğu anlamına gelir.

Bugünün makalesinde, HTML'de bir boşluğun ne olduğunu bulmaya çalışacağız, bu durumda kolay algılama için kodu biçimlendirirken boşluk karakterlerini kullanabilirsiniz. Bölünemez bir boşluk kullanmanın ne zaman gerekli olduğunu öğreneceğiz ve ayrıca diğer özel karakterlerle (veya aynı zamanda anımsatıcılar olarak da adlandırıldığı gibi) tanışacağız.

Aslında, hipermetin biçimlendirme dili çalışmasını tamamlamak için önemli bir bileşen olduğundan, çeşitli özel karakterler kullanma konusunu göz ardı etmemenizi tavsiye ederim. Genel olarak, bu yayında verilen bilgiler kesinlikle gereksiz olmayacaktır. Pekala, şimdi konuya.

HTML'de Boşluklar ve Boşluk Karakterleri

Öncelikle önemli bir açıklama yapmak gerekiyor. Bilgisayar klavyesinde metin ayrımı uygulamanıza izin veren özel tuşlar vardır (bununla ilgili daha fazla bilgi aşağıdadır). Ancak, yalnızca geniş boşluk çubuğu, yalnızca düzenleyicide değil, tarayıcı penceresinde de sözcükler arasında bir ayrım sağlar. Çizgileri sararken ve kenardan girintiler oluştururken nüanslar vardır.

Bildiğiniz gibi, bir web tarayıcısında belirli öğelerin görüntülenmesi etiketlerle belirlenir. Metin biçimlendirme için, blok tabanlı iyi bilinen bir kullanılmaktadır. Diğer bir deyişle, içeriği mevcut tüm genişlikte bulunur.

İle P paragrafının içindeki satırları kaydır, bunun yapılabileceği tek bir BR etiketi kullanmanız gerekir. Diyelim ki metin editöründe yazdığımız bir şiirden bazı satırları metne eklememiz gerekiyor:

Ayetin satırlarının doğru yerleştirilmesine ve kısa çizgilerin doğru yerlere yapılmasına rağmen, tarayıcıda her şey farklı görünecektir:


Bir web tarayıcı penceresinde aynı görüntüyü elde etmek için, her satır sonunda BR yazmanız gerekir:

Şimdi görevi başardık ve tarayıcıda şiirsel satırlar oldukça doğru bir şekilde görüntülenecek:

Böylece gerekli satır sonları tamamlanmış olur. Burada, birbiri ardına gelen çoklu boşlukların web tarayıcısı tarafından tek olarak görüntülenmesi gibi bir özelliğe de dikkat etmek gerekir. Aynı düzenleyicide iki kelime arasına bir değil birkaç boşluk koymaya çalışırsanız ve "Kaydet" düğmesine tıklayarak tarayıcıdaki sonuca bakarsanız bunu doğrulayabilirsiniz.

Boşluk, sekme ve satır sonu

Temel olarak bunlarla boşluk karakterleri editördeki metinle çalışmaya başlar başlamaz birbirimizi tanır ve doğru şekilde biçimlendiririz. Böyle bir görevi uygulamak için, her biri kendi boşluk karakterine karşılık gelen özel tuşlar vardır:

  • Boşluk - bilgisayar klavyesindeki en geniş tuş (yazıtsız);
  • Tablolama - solda "Sekme" yazısı ve farklı yönleri gösteren iki ok bulunan bir tuş;
  • Satır sonu - "Enter" tuşu.

Ancak, yukarıda söylediğim gibi, sadece bir metin düzenleyicide değil, aynı zamanda bir tarayıcıda da, yalnızca ilk anahtarı kullanırken istenen nihai sonucu elde ediyoruz. Üç tuşun tümü (sekme ve satır sonu dahil) HTML kodunu biçimlendirirken kullanışlıdır.Diyelim ki, tüm boşluk karakterleri görüntülendiğinde bir kod parçası NotePad ++'da (bu düzenleyici hakkında açıklayıcı materyal) şöyle görünür:


Boşluklar sayesinde okunması ve anlaşılması kolay kodlar elde ediyoruz. Turuncu oklar Tab tuşu ile oluşturulan girintileri, CR ve LF karakterleri ise Enter tuşu ile yapılan satır sonlarını işaretler.

İç içe konteynırlar görüntüleniyor, açılış ve kapanış etiketleri iyi görünüyor. Bu formda, bu kod kolayca düzenlenebilir. Şimdi, böyle bir metin ayrımı olmayan aynı kodla karşılaştırın:

Aynı şekilde boşluk karakterlerini kullanarak görsel olarak anlaşılır ve sindirilebilir görünecek CSS kuralları yazabilirsiniz:


Tüm stilleri ortak bir paydaya getirdikten ve stil dosyasını düzenlemeyi tamamen bitirdikten sonra, koddaki tüm boşlukları kaldırarak onu tabi tutabilirsiniz. Bu, bir kaynağı teşvik ederken çok önemli olan artırmak için gereklidir.

HTML kodundaki özel karakterler (veya anımsatıcılar)

Şimdi yazının başında bahsettiğim özel karakterlerin kullanılmasının gerekli olduğu durumlara bakalım. Bazen anımsatıcı olarak adlandırılan HTML özel karakterleri, köprü metni biçimlendirme dilinde uzun süredir devam eden bir kodlama sorununu çözmek için tanıtıldı.

Klavyede metin yazdığınızda, kullandığınız dilin karakterleri kodlanır. Bir web tarayıcısında, yazılan metin, ters kod çözme işleminin bir sonucu olarak seçtiğiniz yazı tiplerinde işlenecektir.

Gerçek şu ki, bu tür birçok kodlama var, şimdi bunları ayrıntılı olarak analiz etme amacımız yok. Sadece her birinin belirli karakterlerden yoksun olması olabilir, ancak bunların gösterilmesi gerekir. Diyelim ki tek tırnak veya aksan işareti yazmak gibi hissediyorsunuz ve bu simgeler sette bayat eksik.

Bu sorunu ortadan kaldırmak için, çok sayıda çeşitli anımsatıcı içeren bir özel karakter sistemi tanıtıldı. Hepsi ve işareti "&" ile başlar ve genellikle noktalı virgül ";" ile biter. İlk başta, her özel karakterin kendi dijital kodu vardı. Örneğin, aşağıda daha ayrıntılı olarak ele alacağımız bölünmez bir boşluk için aşağıdaki giriş doğru olacaktır:

Ancak bir süre sonra, en yaygın sembollere, hatırlamalarını kolaylaştırmak için gerçek karşılıklar (anımsatıcılar) atandı. Diyelim ki aynı bölünmez alan için şöyle görünüyor:

Sonuç olarak, tarayıcı ilgili karakteri görüntüler. Anımsatıcıların listesi çok hacimlidir, HTML'de en sık kullanılan özel karakterler aşağıdaki tablodan bulabilirsiniz:

sembol kod anımsatıcılar tanım
kırılmaz alan
dar alan (n harfinin en-genişliği)
geniş alan (m harfine kadar genişlik)
- uzun tire
- uzun çizgi (uzun çizgi)
­ - ­ yumuşak transfer
a ́ "şok" harfinden sonra yerleştirilen aksan
© © telif hakkı
® ® ® tescilli ticari marka
ticari marka işareti
º º º mars mızrağı
ª ª ª Venüs'ün aynası
ppm
π π π pi (Times New Roman kullanın)
¦ ¦ ¦ dikey noktalı çizgi
§ § § paragraf
° ° ° derece
µ µ µ mikro işaret
paragraf işareti
üç nokta
üst çizgi
´ ´ ´ vurgu işareti
numara işareti
🔍 🔍 Büyüteç (sola eğik)
🔎 🔎 Büyüteç (sağa eğik)
aritmetik ve matematiksel işlemlerin işaretleri
× × × çarpmak
÷ ÷ ÷ bölmek
< < daha küçük
> > > daha fazla
± ± ± Artı eksi
¹ ¹ ¹ 1. derece
² ² ² 2. derece
³ ³ ³ derece 3
¬ ¬ ¬ olumsuzlama
¼ ¼ ¼ bir çeyrek
½ ½ ½ Yarım
¾ ¾ ¾ üç çeyrek
kesirli çubuk
eksi
daha az veya eşit
daha fazla veya eşit
yaklaşık (neredeyse) eşit
eşit değildir
aynı şekilde
karekök (radikal)
sonsuzluk
toplama işareti
ürün işareti
kısmi diferansiyel
integral
herkes için (yalnızca kalınsa görünür)
mevcut
boş küme
Ø Ø Ø çap
ait
ait değil
içerir
bir alt kümedir
bir süper set
bir alt küme değil
herhangi birinin bir alt kümesidir
bir üst kümedir veya eşittir
artı bir daire içinde
bir daire içinde çarpma işareti
dik
enjeksiyon
mantıksal VE
mantıksal VEYA
kavşak
Birlik
para birimi işaretleri
Euro
¢ ¢ ¢ sent
£ £ £ 1 pound = 0.45 kg
¤ ¤t; ¤ para birimi işareti
¥ ¥ ¥ Yen ve yuan işareti
ƒ ƒ ƒ Florin işareti
işaretçiler
. basit işaretleyici
bir daire
· · · orta nokta
geçmek
çift ​​çapraz
zirveler
kulüpler
kalpler
elmaslar
eşkenar dörtgen
kalem
kalem
kalem
el
tırnak
" " " çift ​​tırnak
& & & ve işareti
« « « sol tipografik tırnak işareti (balıksırtı tırnak işareti)
» » » sağ tipografik tırnak işareti (balıksırtı tırnak işareti)
tek açılı alıntı açılış
tek açılı alıntı kapanış
vuruş (dakika, fit)
çift ​​vuruş (saniye, inç)
sol üst tek alıntı
sağ üst tek alıntı
sağ alt tek alıntı
tırnak işareti-ayak sol
tırnak işareti-ayak sağ üst
tırnak işareti-ayak sağ alt
tek İngilizce tırnak işareti açma
tek İngilizce tırnak işareti kapanışı
çift ​​İngilizce tırnak işareti açma
çift ​​İngilizce tırnak işareti kapanışı
oklar
sol ok
yukarı ok
sağ ok
aşağı ok
ok sol ve sağ
yukarı ve aşağı ok
satırbaşı
çift ​​sol ok
çift ​​yukarı ok
çift ​​sağ ok
çift ​​aşağı ok
sol ve sağ çift ok
yukarı ve aşağı çift ok
üçgen yukarı ok
üçgen aşağı ok
üçgen sağ ok
üçgen sol ok
yıldızlar, kar taneleri
Kardan adam
kar tanesi
Yoncalar tarafından çimdiklenen kar tanesi
Şişman keskin açılı kar tanesi
gölgeli yıldız
gölgesiz yıldız
Dolu bir daire içinde doldurulmamış yıldız
İçi doldurulmamış daire ile dolu yıldız
dönen yıldız
çizilmiş beyaz yıldız
Orta doldurulmamış daire
Orta dolu daire
Altmışlık (kar tanesi tipi)
Sekiz köşeli dönen yıldız
Küresel sonları olan yıldız işareti
Cesur sekiz köşeli damla şekilli pervane yıldızı
onaltılık yıldız
On iki köşeli dolu yıldız
Kalın sekiz köşeli doğrusal gölgeli yıldız
altı köşeli dolu yıldız
Sekiz köşeli doğrusal gölgeli yıldız
Sekiz köşeli gölgeli yıldız
sekiz köşeli yıldız
Boş bir merkezi olan bir yıldız işareti
şişman yıldız
Sivri dört köşeli gölgesiz yıldız
Sivri dört köşeli gölgeli yıldız
bir daire içinde yıldız
Bir daire içinde kar tanesi
saat zamanı
Saat
Saat
Kum saati
Kum saati

Bölünemez boşluk ve yumuşak kısa çizgi dahil olmak üzere bazı özel karakterlerin kullanıldığı durumlar

Tabloyu zaten biraz incelediyseniz, yukarıda söylediğim tüm özel karakterleri görüntülemek için bir sayısal kod () veya harflerin () yazıldığı alfabetik analogu (karakter anımsatıcısı) kullanıldığının onayını aldınız. kafes ve sayıların bir kombinasyonu yerine.

Şimdi bu kodları uygulamak ne zaman gerekli ona bakalım. Diyelim ki bir makalede bilgi amaçlı bazı HTML etiketleri belirtmeniz gerekiyor, örneğin,

. Klavyeden açılı ayraçlar yazarsanız (ve böyle bir olasılık varsa), tarayıcı böyle bir yapıyı basit bir metin parçası olarak değil, bir açılış etiketi olarak algılayacaktır.

Bu nedenle, aynı HTML özel karakter tablosundan ilgili kodları alıyoruz ve girişin tamamı şöyle görünecek:

Ek olarak, tarayıcıda ve işaretinin kendisini değil, içindeki atamasını görüntülemek için biçim

, kodunu tablodan eklemeniz gerekir:

altbilgi

Ardından tarayıcı, FOOTER etiketini görüntülemek için uygulanması gereken anımsatıcıların tam olarak girişini görüntüler. Biraz kafa karıştırıcı, ancak bu sayfada, "HTML" alanına karşılık gelen karakterler için anımsatıcıları girerek ve "Çalıştır" düğmesini kullanarak ve "Sonuç" alanında görüntülenmelerinin sonucunu alarak bu yönü uygulayabilirsiniz. tarayıcı:


Lütfen, daha önce bahsedilen BR etiketini kullanarak metin kaydırma sağladığımı unutmayın, böylece karakterler tek satırda değil, kolaylık olması için bir sütunda görüntülenir.

Devam et. Bazen metinde farklı satırlara ayrılması istenmeyen kombinasyonlar vardır. "1000 ruble" diyelim. ya üst satırda bırakmak ya da yeterli alan yoksa tüm yapıyı bir alt satıra taşımak mantıklı olacaktır.

Bu, özellikle kullanıcılar mobil cihazlar da dahil olmak üzere farklı ekran genişliklerine sahip cihazlar kullanıyorsa geçerlidir. Gerçekten de, bu durumda, web tarayıcısı metni yeni koşullara göre biçimlendirir. Ve metin standart monitör boyutlarında doğru görünüyorsa, değiştiklerinde her şey değişebilir.

Bu durumlar için var bölünmeyen boşluk HTML ki zaten bahsettim. Size bu durumda alan kodunun şöyle olduğunu hatırlatmama izin verin:

Ve bağlamak istediğiniz iki karakter grubu arasına eklenmesi gerekir:

1000 ovmak.

Artık, doğru şekilde görüntülemek için metin biçimlendirmesi gerekli olsa bile tarayıcı bunları asla ayırmayacak.

Ayrıca çok uzun bir kelimenin boş alana sığmadığı ve bir kısmını aktarmanız gereken bir durum var. Gerekirse, bu durumda bir satır sonu nasıl önceden belirlenir? Bunun için var yumuşak kısa çizgi özel karakter- Kelimenin kesilmesi gereken yere yerleştirilmesi gereken:

uzun uzun uzun uzun kelime

Bir kelimenin tirelenmesi gerektiğinde bir durum ortaya çıkarsa, yumuşak kısa çizgi anımsatıcısının bulunduğu yerde bir kısa çizginin (tire) görüneceği bir boşluk oluşur ve bu kelimenin geri kalanı aşağıdaki bir sonraki satırda olacaktır.

Ancak yine de, pratikte içinden çıkılmaz ve yumuşak transfer örnekleri de dahil olmak üzere, tüm bu şeyi kendi gözlerinizle izlemek faydalı olacaktır:


Bu düzenleyicinin penceresinde, "Sonuç" görünüm alanını, bu alanın kenarını farenin sol tuşuyla tutarak ve bırakmadan, genişliği azaltmak için sola sürükleyerek yeniden boyutlandırabilirsiniz. Ardından, tarayıcı içeriği doğru şekilde görüntülemek için yeniden biçimlendirmeye başladığında gerçek bir durum vardır.

Ve tarif ettiğim örneklerde sağlanan aktarım gerçekleştirilir. Ancak, görüntüleme penceresini kendiniz hareket ettirebilir, genişletebilir veya daraltabilir ve bunu görsel olarak doğrulayabilirsiniz.

ne fark var yazılı HTML kodunuzda ve bu görüntülenen tarayıcıda.

Gördüğümüz gibi, etiketler HTML benzeri<р>, yalnızca tarayıcı tarafından okunur (hangisini bilmek için tip içerik yazılmıştır), ancak görüntülenmedi onun içinde.

Nasıl yazılacağını da gördük. yorumlar Bir kişinin bu yorumları tarayıcıda görüntülemek zorunda kalmadan kodu okumasına yardımcı olmak için HTML kodunda.

Başka bir tür yazılı kod görmezden gelindi tarayıcı Uzay, o içerir:

  • satır sonları;
  • boş satırlar;
  • tablolama (veya girinti).

satır sonları

HTML kodunda satır sonları ve boş satırlar (bir satır sonları dizisidir) görmezden gelindi tarayıcı. sadece teşkil ederler bekar Uzay.

Web'in orijinal fikri, bilgi alışverişinde bulunarak iletişim kurabileceğiniz ortak bir alan olması gerektiğiydi.

Gerçek olmak sokmak satır sonu öğesini kullanmanız gerekir
:

En iyi ihtimalle hayat mükemmel
öngörülemeyen

tablolama

tablolama Sekme tuşu kullanılarak elde edilen özel bir karakterdir. Genellikle imleci bir sonraki sekme durağına taşır, ancak bazen iki boşluğa dönüşür.

Her durumda, normal bir boşluk gibi, sekme görünmez. Ayrıca tarayıcı tarafından yok sayılır:

Bu metni bir sekme ile itelim.

boşluk eklemek isterseniz önceki Başka bir deyişle, CSS kullanmanız gerekir.

Bir HTML öğesini kapatmak istiyorsanız, önce tüm alt öğelerini kapatmalısınız.

Ağaç Biçimlendirme

HTML öğeleri iç içe olabileceğinden dikkatli olmalısınız. sırayla kapatıldıkları sırayı etkileyeceğinden, açıldıkları yer.

Bu kod şurada yazılmıştır: 1 astar.

HTML öğelerinin açıldığı sırayı takip etmek zor olabileceğinden, HTML'nizi şu şekilde yazmanız önerilir: ağaç:

Bu kod şurada yazılmıştır: biraz satırlar, ancak yine de şu şekilde görüntülenecektir: 1 astar.

Ağaç biçimlendirme izin verir görsel olarakçoğaltmak yuvalama seviyesi HTML kodunuz. Bu, şunu görmeyi kolaylaştırır:

  • bir Ata;
  • - ebeveyn için ve ;

  • ve - Bu kardeşçe elementler.

Kendiniz okumak için HTML yazın

Sekmeler, boş satırlar, boşluklar ve satır sonları bilgisayar tarafından atlanır ve hepsi bir boşluk.

Bir HTML belgesi bir insan tarafından yazılır ve okunur, ancak yalnızca bir bilgisayar tarafından okunur. Sekmeler, boşluklar ve satır sonlarının bir tarayıcının nasıl okuyacağını ve ardından bir web sayfasını nasıl görüntüleyeceğini etkilemediği göz önüne alındığında, belgenizi mümkün olduğunca okunabilir olacak şekilde biçimlendirebilirsiniz. kendim yol.

HTML biçimlendirmeyle ilgili belirli kurallar yoktur, ancak örtük kurallar vardır. anlaşmalar, özellikle:

  • kullanmak tablolama görselleştirmeye yardımcı olmak için yatırımlar HTML öğeleri;
  • üzerine blok elemanlarının açılış ve kapanış etiketlerini ekleyin ayrı çizgiler;
  • satır içi öğeleri bir satıra yazın (açma ve kapatma etiketleri dahil).

Bir belge görüntülendiğinde, etiketler içine alınmış metin dışında boşluklar ve boş satırlar korunmaz ÖNCE(önceden biçimlendirilmiş metin). Diğer bir deyişle, herhangi bir boşluk, sekme ve boş satır dizisi, bir HTML dosyasındaki tek bir boşluğa eşdeğerdir. Öte yandan, bir HTML dosyasındaki bir boşluk, herhangi bir sayıda boşluk veya yeni (boş) satır kullanılarak temsil edilebilir.

Terim yeni(newline) bir satırın sonunu TEORİK OLARAK işaretlemek için kullanılır. SGML, bir satırın (kayıt) bir başlangıç ​​karakteri (yeni satır - satır besleme, LF, ASCII kodu 10) ile başlaması ve bir kayıt bitiş karakteri (satır başı, CR, ASCII 13) ile bitmesi gerektiğini tanımlar. Uygulamada, HTML belgeleri, verilen bilgisayar sistemleriyle tutarlı bir yeni satır gösterimi kullanılarak sunulur ve iletilir. Bu nedenle, HTML tarayıcıları, CR LF, yalnızca CR veya yalnızca LF dizisiyle gösterilen ve bu varsayıma dayalı olarak üç ortak satır bölme temsilinden herhangi biri için desteğe izin verir ve bir dizinin başlangıç ​​ve bitiş karakterlerinin sunumundaki hataları vurgular. kayıt.

Bu nedenle, metni satırlara nasıl ayırdığınız önemli değildir, çünkü yeni satır bir boşluğa eşdeğerdir. Ancak, HTML'de bir kelimeyi iki satıra bölmeniz gerekmediğini unutmayın. Örneğin, uluslararası kelimesini aşağıdaki gibi iki satıra bölerseniz:

Uluslararası

olarak yorumlanacak

Uluslararası

Bu nedenle, belgenizi mantıklı bir şekilde sunmak için aşağıdaki gibi HTML etiketlerini kullanmalısınız. P veya BR gerekirse yeni bir satır sağlamak için.

Tarayıcılar, sözcük bir kısa çizgi içermedikçe sözcükleri genellikle iki satıra bölmez. Başvurulan HTML 3.2 özellikleri bu konuda çok kesin değildir ve tablo bölümü tartışılırken aşağıdakiler verilir:

Bazı kullanıcı aracıları için, bir kelime içindeki bir dizgiyi çevirmek gerekli veya istenebilir. Bu gibi durumlarda, bunun olduğunu görsel olarak doğrulamak istenir.

dikkat edin satır uzunluğu kontrolünüz dışında. Tarayıcıya, bilgisayara ve belgenizi görüntüleyen kişilerin yaptığı ayarlara bağlıdır. Genel olarak, kelimeler arasında satır sonlarını önlemenin bir yolu yoktur, ancak sürekli boşluklar kullanarak satır sonlarını önlemeye çalışabilirsiniz.

HTML etiketleriyle birlikte yeni satırların kullanımına ilişkin özel kurallar vardır:

  • Başlangıç ​​etiketinin hemen ardından gelen yeni satır yok sayılır. Örneğin, çizgiler
  • Benzer şekilde, bitiş etiketinden önceki yeni satır yok sayılır. Örneğin, çizgiler

Yatay sekme karakteri (HT), bir HTML belgesinde kullanılabilir. Ama elementin içinde ÖNCE sekme karakterinin özel bir yorumu vardır, bir boşluğa eşdeğerdir ve hiçbir tür sekme hakkında bilgi taşımaz. (Tablolanmış verileri temsil etmek için şu öğeyi kullanın: tablo.) Pratikte, HTML koduna sekme karakterlerini eklemekten kaçınmak ve bir HTML belgesinin kaynak kodunu sekmeler olarak biçimlendirmek istiyorsanız bunun yerine uygun sayıda boşluk kullanmak en iyisidir.

Merhaba, blog sitesinin sevgili okuyucuları. Biraz önce, içindeki tasarımı da nasıl öğrendiğimizi konuşmayı başardık. Bugün sırayla HTML'de bir boşluk kavramına ve bununla ilişkili kodun yazarken biçimlendirilmesine (sonraki okuma ve algılama kolaylığı için) sahibiz.

Pekala, bölünmeyen boşluk ve yumuşak tireleme konusuna değineceğimiz için, dikkatimizi Html dilinde kullanılan ve eklemenize izin verecek olan sözde özel karakterler veya anımsatıcılara odaklamamız gerekecek. web belge koduna, yukarıda bahsedilen gibi birçok ek karakter. Ama önce ilk şeyler.

Html Dilinde Boşluklar ve Boşluk Karakterleri

Bunun için özel olarak tasarlanmış etiketler (paragraf, başlıklar vb.) kullanarak metni biçimlendirme konusuna geçmeden önce, HTML dilinde boşlukların, satır sonlarının (Enter) ve tabloların nasıl yorumlandığı, metinlerin nasıl yorumlandığı üzerinde durmak istiyorum. yeniden boyutlandırıldığında tarayıcı penceresinde metin dökümü gerçekleştirilir.

Doğru, bu tür görsel biçimlendirme için (web sayfasında görünmeyecek), çoğu zaman boşlukları değil, tablolama ve satır sonu karakterlerini kullanırlar. Böyle bir kural vardır - yuvalanmış bir Html etiketi yazmaya başladığınızda, sekme ile girinti(klavyede Tab tuşu) ve bu etiketi kapattığınızda girintiyi kaldırın (klavyede Shift + Tab tuş kombinasyonu).

Bunu, açılış ve kapanış etiketlerinin aynı dikey düzeyde olması için yapmanız gerekir (Html ​​düzenleyicinizin sayfasının sağ kenarından aynı sayıda sekme, örneğin hakkında yazdığım Notepad ++). Ayrıca açılış elemanını yazdıktan hemen sonra birkaç satır kesmenizi ve daha sonra yapmayı unutmamak için hemen kapatma elemanını aynı seviyede (sekme sayısı) yazmanızı tavsiye ederim.

Onlar. açma ve kapama elemanları dikey olarak aynı seviyede olmalı ve dahili etiketleri bir sekme karakteri kaydırıp kapatma ve açma elemanlarını tekrar aynı seviyeye yerleştiriyoruz.

Basit web belgeleri için bu fazladan görünebilir, ancak az ya da çok karmaşık belgeler oluştururken, kod çok daha net olacak boşlukların bolluğu nedeniyle okunabilir ve ayrıca etiketlerin simetrik düzenlenmesi nedeniyle içindeki hataları fark etmek çok daha kolay olacaktır.

Html kodunda özel karakterler veya anımsatıcılar

O halde şimdi bu yazının başında kullanılabilirliğini açıkladığım sözde özel karakterlerden bahsedelim. Özel karakterlere bazen anımsatıcılar veya ikameler de denir. Köprü metni biçimlendirme dilinde uzun süredir ortaya çıkan, kullanılan kodlamalarla ilgili bir sorunu çözmeyi amaçlar.

Klavyeden metin yazdığınızda, dilinizin karakterleri önceden belirlenmiş bir algoritmaya göre kodlanır ve daha sonra deşifre nedeniyle kullandığınız fontlar (site için nerede bulunur ve nasıl kurulur) kullanılarak sitede görüntülenir.

Çok sayıda kodlama vardır, ancak Html dili için varsayılan olarak genişletilmiş bir kodlama sürümü benimsenmiştir.

Bu metin kodlamasında, ASCII'den 128 ve Rus dilinin harfleri için 128 olmak üzere yalnızca 256 karakter yazmak mümkün oldu. Sonuç olarak, ASCII'ye dahil olmayan ve Windows 1251 (CP1251) kodlamasının parçası olan Rusça karakterler olmayan karakterlerin sitelerinde kullanımıyla ilgili bir sorun oluştu. Eh, bir tilde veya kesme işareti kullanmayı kafanıza aldınız, ancak Html dilinin kullandığı kodlamanın başlangıçta böyle yetenekleri yok.

Bu tür durumlar için ikameler veya başka bir deyişle anımsatıcılar icat edildi. İlk olarak özel karakterler sayısaldı, ancak daha sonra en yaygın olanları için, hatırlama kolaylığı için alfabetik karşılıkları eklendi.

Genel olarak, anımsatıcı, "&" işaretiyle başlayan ve noktalı virgül ";" ile biten bir karakterdir. Bu nedenle, tarayıcı Html kodunu ayrıştırırken ondan özel karakterler çıkarır. Sayısal ikame kodundaki ve işaretinin hemen ardından, bazen karma olarak adlandırılan sayı işareti "#" gelmelidir. Ve ancak o zaman Unicode kodlamasında istenen karakterin sayısal kodunu takip eder.

Unicode'da 60.000'den fazla karakter yazılabilir - ana şey, ihtiyacınız olan anımsatıcı sembolün sitenizde kullanılan yazı tipi tarafından desteklenmesidir. Hemen hemen tüm Unicode karakterlerini destekleyen yazı tipleri vardır ve yalnızca belirli bir karakter kümesine sahip seçenekler vardır.

Özel karakterlerin tam listesi çok büyük olacak, ancak en sık kullanılan anımsatıcılarörneğin, bu tablodan ödünç alabilirsiniz:

sembolHTML KoduOndalık
kod
Tanım
kırılmaz alan
dar alan (n harfinin en-genişliği)
geniş alan (m harfine kadar genişlik)
- uzun tire
- uzun çizgi (uzun çizgi)
­ - ­ yumuşak transfer
a ́ "şok" harfinden sonra yerleştirilen aksan
© © telif hakkı
® ® ® tescilli ticari marka
ticari marka işareti
º º º mars mızrağı
ª ª ª Venüs'ün aynası
ppm
π π π pi (Times New Roman kullanın)
¦ ¦ ¦ dikey noktalı çizgi
§ § § paragraf
° ° ° derece
µ µ µ mikro işaret
paragraf işareti
üç nokta
üst çizgi
´ ´ ´ vurgu işareti
numara işareti
🔍 🔍 Büyüteç (sola eğik)
🔎 🔎 Büyüteç (sağa eğik)
aritmetik ve matematiksel işlemlerin işaretleri
× × × çarpmak
÷ ÷ ÷ bölmek
< < daha küçük
> > > daha fazla
± ± ± Artı eksi
¹ ¹ ¹ 1. derece
² ² ² 2. derece
³ ³ ³ derece 3
¬ ¬ ¬ olumsuzlama
¼ ¼ ¼ bir çeyrek
½ ½ ½ Yarım
¾ ¾ ¾ üç çeyrek
kesirli çubuk
eksi
daha az veya eşit
daha fazla veya eşit
yaklaşık (neredeyse) eşit
eşit değildir
aynı şekilde
karekök (radikal)
sonsuzluk
toplama işareti
ürün işareti
kısmi diferansiyel
integral
herkes için (yalnızca kalınsa görünür)
mevcut
boş küme
Ø Ø Ø çap
ait
ait değil
içerir
bir alt kümedir
bir süper set
bir alt küme değil
herhangi birinin bir alt kümesidir
bir üst kümedir veya eşittir
artı bir daire içinde
bir daire içinde çarpma işareti
dik
enjeksiyon
mantıksal VE
mantıksal VEYA
kavşak
Birlik
para birimi işaretleri
Ruble. Ruble işareti, numaradan bir ara ile kullanılmalıdır. Unicode 7.0 standardı. Resmi göremiyorsanız, Unicode yazı tiplerinizi güncelleyin.
Euro
¢ ¢ ¢ sent
£ £ £ 1 pound = 0.45 kg
¤ ¤ ¤ para birimi işareti
¥ ¥ ¥ Yen ve yuan işareti
ƒ ƒ ƒ Florin işareti
işaretçiler
. basit işaretleyici
bir daire
· · · orta nokta
geçmek
çift ​​çapraz
zirveler
kulüpler
kalpler
elmaslar
eşkenar dörtgen
kalem
kalem
kalem
el
tırnak
" " " çift ​​tırnak
& & & ve işareti
« « « sol tipografik tırnak işareti (balıksırtı tırnak işareti)
» » » sağ tipografik tırnak işareti (balıksırtı tırnak işareti)
tek açılı alıntı açılış
tek açılı alıntı kapanış
vuruş (dakika, fit)
çift ​​vuruş (saniye, inç)
sol üst tek alıntı
sağ üst tek alıntı
sağ alt tek alıntı
tırnak işareti-ayak sol
tırnak işareti-ayak sağ üst
tırnak işareti-ayak sağ alt
tek İngilizce tırnak işareti açma
tek İngilizce tırnak işareti kapanışı
çift ​​İngilizce tırnak işareti açma
çift ​​İngilizce tırnak işareti kapanışı
oklar
sol ok
yukarı ok
sağ ok
aşağı ok
ok sol ve sağ
yukarı ve aşağı ok
satırbaşı
çift ​​sol ok
çift ​​yukarı ok
çift ​​sağ ok
çift ​​aşağı ok
sol ve sağ çift ok
yukarı ve aşağı çift ok
üçgen yukarı ok
üçgen aşağı ok
üçgen sağ ok
üçgen sol ok
yıldızlar, kar taneleri
Kardan adam
kar tanesi
Yoncalar tarafından çimdiklenen kar tanesi
Şişman keskin açılı kar tanesi
gölgeli yıldız
gölgesiz yıldız
Dolu bir daire içinde doldurulmamış yıldız
İçi doldurulmamış daire ile dolu yıldız
dönen yıldız
çizilmiş beyaz yıldız
Orta doldurulmamış daire
Orta dolu daire
Altmışlık (kar tanesi tipi)
Sekiz köşeli dönen yıldız
Küresel sonları olan yıldız işareti
Cesur sekiz köşeli damla şekilli pervane yıldızı
onaltılık yıldız
On iki köşeli dolu yıldız
Kalın sekiz köşeli doğrusal gölgeli yıldız
altı köşeli dolu yıldız
Sekiz köşeli doğrusal gölgeli yıldız
Sekiz köşeli gölgeli yıldız
sekiz köşeli yıldız
Boş bir merkezi olan bir yıldız işareti
şişman yıldız
Sivri dört köşeli gölgesiz yıldız
Sivri dört köşeli gölgeli yıldız
bir daire içinde yıldız
Bir daire içinde kar tanesi
saat zamanı
Saat
Saat
Kum saati
Kum saati

oldukça ilginç bir durum var anımsatıcıların Html kodunu almanın yolu ihtiyacınız olan karakter için. Bunu yapmak için Microsoft Word düzenleyicisini açıp yeni bir belge oluşturmanız ve üst menüden "Ekle" - "Sembol" seçeneğini seçmeniz yeterli olacaktır (2003 sürümünü kullanıyorum o yüzden benzerini nasıl yapacağımı bilmiyorum) sonraki sürümlerde çalıştırma).

Açılan pencerede, örneğin Times New Roman (veya site ziyaretçilerinizin çoğu bilgisayarında kesinlikle bulunacak başka bir yazı tipi seçmeniz gerekir - örneğin Courier veya Arial).

Word belgenize açılan listeden ihtiyacınız olan tüm özel karakterleri ekleyin ve bu Word belgesini bir web sayfası olarak kaydedin (kaydederken ".html" açılır listesinden seçilir). O zaman bu web sayfasını herhangi bir Html düzenleyicide açmanız yeterlidir (aynı Notepad ++ iyidir) ve ihtiyacınız olan anımsatıcıların tüm dijital kodlarını göreceksiniz:

Yöntem biraz karmaşık, ancak sitenizin sayfasında bazı nadir özel karakterleri kullanma dürtüsünü hissediyorsanız, o zaman yukarıdaki gibi İnternette tablo aramaktan daha kolay olacaktır. Ortaya çıkan özel karakter kodunu doğru yere eklemeniz gerekecek ve bunun yerine web sayfasında tarayıcı ihtiyacınız olan karakteri gösterecek (örneğin, bölünmeyen bir boşluk).

Örneklerde bölünmez boşluk ve yumuşak tireleme

Yukarıda bahsettiğim ve hemen yukarıda verilen özel karakterler tablosundan da görebileceğiniz gibi, Html'deki bazı anımsatıcılar, dijitalin yanı sıra daha kolay ezberlenmeleri için sembolik bir tanım aldı. Onlar. karakter türevlerinde kare işareti "#" (karma) yerine kelimeler kullanılır. Örneğin, aynı bölünmez boşluk, (dijital anımsatıcı) veya (karakter) olarak yazılabilir.

Makale yazarken, bir ve işareti (&) veya açık açılı ayraç (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Yani, metne eklemeniz gereken bir makale yazıyorsanız, örneğin görüntüleme etiketi< body>yoksa sadece küçüktür işareti eklemeniz gerekir (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Bu nedenle, böyle bir sorunu çözmek için aşağıdaki yapıyı eklemeniz gerekecektir:

Aynısı, bir ve işareti ile başladıkları için anımsatıcıların kodunun kendilerinin görüntülenmesi için de geçerlidir. Ve işaretinin değiştirilmesiyle (özel karakter) metne bir kod eklemeniz gerekecektir:

Sayfaya girmek için bunun yapılması gerekecek<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Ayrıca, büyük olasılıkla, bir web sayfasında normal bir boşluk gibi görünecek, bölünmez bir boşluk kullanacaksınız, ancak tarayıcı bunu bir boşluk karakteri olarak kabul etmeyecek ve bunun üzerine transfer olmayacak(örneğin, farklı satırlarda kısa çizgi taşınmasının istenmediği 1400 GB vb. gibi ifadeler için bu uygun olacaktır):

1400 GB.

Bazen metinde çok uzun kelimeler olduğunda ve gerektiğinde tarayıcının olduğundan emin olmak istediğinizde tam tersi bir durum ortaya çıkabilir. bu sözleri bir transferle kırabilir. Bu amaçlar için özel bir "yumuşak transfer" sembolü sağlanır -

Uzun, uzun kelime;

Başka bir satıra geçmek gerektiğinde, tarayıcı yumuşak sarma anımsatıcısı yerine kısa çizgi koyar ve kelimenin geri kalanını bir sonraki satıra gönderir. Tüm bu kelimeleri bir satıra sığdırmak için yeterli alan varsa, tarayıcı yeni satır çizmez. İşte bu, çok basit.

Sana iyi şanslar! Yakında blog sayfaları sitesinde görüşürüz

ilgini çekebilir

MailTo - nedir ve Html'de bir e-posta bağlantısı nasıl oluşturulur
Html 4.01 standardına göre H1-H6 başlıkları, yatay satır Hr, satır sonu Br ve paragraf P etiketleri ve nitelikleri
HTML'ye bağlantı ve resim (fotoğraf) nasıl eklenir - IMG ve A etiketleri
Html Köprü Metni Biçimlendirme Dili nedir ve W3C doğrulayıcısındaki tüm etiketlerin nasıl listeleneceği
Yazı Tipi (Yüz, Boyut ve Renk), Blok Alıntı ve Ön etiketleri - saf HTML'de (CSS kullanmadan) kullanımdan kaldırılmış metin biçimlendirme
Html ve CSS kodunda renkler nasıl ayarlanır, tablolarda RGB gölgelerinin seçimi, Yandex sonuçları ve diğer programlar
Html kodunda açıklama yönergeleri ve Doctype, ayrıca blok ve satır içi öğeler (etiketler) kavramı
Html kodundaki listeler - UL, OL, LI ve DL etiketleri


Üst