Word'de bölünmeyen boşluk nasıl kaldırılır. HTML kodunu, bölünemez boşlukları ve diğer özel karakterleri (anımsatıcılar) biçimlendirmek için boşluk karakterlerini kullanma

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 eklemenizi sağlayacak olan sözde özel karakterler veya anımsatıcılara odaklamamız gerekecek. web belgesi 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.) yardımıyla metin biçimlendirme konusuna geçmeden önce, HTML dilinde boşlukların, satır sonlarının (Enter) ve sekmelerin nasıl yorumlandığı üzerinde durmak istiyorum. , yeniden boyutlandırıldığında tarayıcı penceresinde metin dökümü nasıl yapılır.

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.

Şunlar. 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. Kullanılan kodlamalarla ilgili hiper metin biçimlendirme dilinde uzun süredir devam eden bir sorunu çözmeyi amaçlamaktadırlar.

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 karakter 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 konuşursak, bir anımsatıcı ve işareti "&" ile 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 "#" kare 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:

oldukça ilginç bir durum var Html anımsatıcı 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 nadir bulunan bazı özel karakterleri kullanma dürtüsünü hissediyorsanız, 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österecektir (ö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 de sembolik bir tanım aldı. Şunlar. 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>ya da sadece bir 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şaretiyle 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 metin çok uzun kelimeler içerdiğinde ve gerekirse 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 sözcüğün geri kalanını bir sonraki satıra gönderir. Tüm bu kelimeyi 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

adresine giderek daha fazla video izleyebilirsiniz.

ilginizi ç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 özellikleri
HTML'ye bağlantı ve resim (fotoğraf) nasıl eklenir - IMG ve A etiketleri

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 etiketler tarafından 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 - soldaki "Sekme" yazısı ve farklı yönleri gösteren iki ok ile 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. HTML kodunu biçimlendirirken üç anahtarın tümü (sekme ve satır sonu dahil) yararlı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 karakterlere, 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:

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,