HTML öğeleri: tek ve eşleştirilmiş etiketler (açılış ve kapanış etiketi). HTML etiketi kavramı Eşleştirilmiş etiketler doğru şekilde nasıl yazılır?
Etiket ( pl. etiketler, bazen etiket) bir elementtir HTML dili Bir web sayfasının kaynak metnini işaretlemek için kullanılır. Etiketler, köşeli parantez içine alınmış İngilizce kelimelerin kısaltmaları veya kısaltmalarıdır; örneğin, etiket
…
İngilizce kelimenin kısaltması paragraf yani bu etiketin içine alınan metin tarayıcılar tarafından paragraf olarak tanınacaktır.HTML'deki her etiketin özel bir anlamı vardır ve belirli verilerin görüntülenmesinden sorumludur. Etiket adlarındaki harflerin büyük/küçük harf durumu önemli değildir; örneğin etiket
…
ve etiket…
- aynı şey. Yani etiketler hem küçük hem de büyük harflerle yazılabilir. Daha önce, etiketlerin sıradan metinden farklı olması için tüm etiketlerin büyük harflerle yazılması yaygın bir uygulamaydı. Artık pek çok düzenleyicide sözdizimi vurgulaması olduğundan böyle bir ihtiyaç yok. Etiket sınıflandırmasıHTML'de 90'dan fazla etiket vardır. Tipik olarak bir etiket, belgenin yalnızca bir kısmını etkiler; örneğin, birinci düzey başlık etiketi... Bu gibi durumlarda eşleştirilmiş etiketler kullanılır: açılış Ve kapanış. Bir açılış etiketi (örneğin, ) efekti oluşturur ve bir kapanış etiketi ( ) efekti durdurur. Örnekte de görebileceğiniz gibi, kapanış etiketinde her zaman bu simge (/) bulunur; bu bir eğik çizgidir. Bu etiketlere denir çiftler.
Bazı etiketler göründükleri yerde tek seferlik bir etki sağlar. Örneğin yatay çubuk etiketi veya resim görüntüleme etiketi . Bu tür etiketlerin kapanış etiketleri yoktur. Bu tür etiketlere eşlenmemiş denir.
Etiket türleriEk olarak, etiketler işlevleri bakımından farklılık gösteren çeşitli türlere ayrılmıştır:
- belge başlığı etiketleri;
- blok elemanları;
- satır içi öğeler;
- evrensel unsurlar;
- listeler;
- tablolar;
- çerçeveler.
Bu ayrım katı değildir, dolayısıyla bazı etiketler farklı gruplardadır. Örneğin, liste oluşturmaya yönelik etiketler ve
- hem listelere hem de blok öğelerine uygulanır. Etiket yapısı
- Kendi web yöneticiniz
- boş öğeler - , ,
, , , , , , , , , , , , ; - biçimlendirilmemiş metin içeren öğeler - , ;
- çıktı veren elemanlar biçimlendirilmemiş metin — , ;
- başka bir ad alanındaki öğeler (MathML ve SVG);
- sıradan unsurlar - diğer tüm unsurlar.
- Öğe bir açılış etiketiyle başlar.
- Öğe bir kapanış etiketiyle biter.
- Bir öğenin içeriği, açılış ve kapanış etiketleri arasındaki her şeydir. İçerik metin ve/veya diğer HTML öğeleri olabilir.
- Öğe yalnızca bir açılış etiketinden oluşur.
Tarayıcıya yüklendiğinde etiketlerin kendisi görüntülenmez ancak içeriklerinin görüntülenme şeklini etkiler. Bir etiket yanlış yazılırsa tamamen göz ardı edilir.
Tüm etiketlerin yazarken uyulması gereken belirli bir yapısı vardır. Ayrıca neredeyse tüm etiketlerin, içeriğin görüntülenme şeklini değiştirebilecek çeşitli özellikleri vardır.
Nitelikleri içeren etiketlerin doğru yapısına bakalım:
Örnek olarak tamamen farklı iki etiket verdim. Birinci tek - resimlerin görüntülenmesinden sorumludur, özellik - src = "logo.jpg" . Saniye … eşleştirilmiş olan bağlantıların oluşturulmasından sorumludur, özellik href = "site" dir.
Sonuç 1: Nitelikler eşleştirilmiş ve eşlenmemiş etiketlere sahip olabilir.
Sonuç 2: Yalnızca açılış etiketlerinin nitelikleri olabilir, kapanış etiketlerinin nitelikleri yoktur.
Açıklama için resim:
Şekil 1. HTML etiket yapısı
HTML sözdizimine ilişkin dikkat ve bilgi testiDerste incelediğimiz basit bir web sayfası örneğine bakalım
Tüm dillerin etiketlerden oluştuğunu zaten okudunuz. Bu dersimizde HTML etiketlerine daha yakından bakacağız. HTML dilinde etiketler tekli (eşlenmemiş) ve eşleştirilmiş etiketlere ayrılır. Yani tek HTML etiketleri tek etiketten oluşur, yani kapanış etiketi yoktur. Ve eşleştirilmiş tanımlayıcıların bir açılış ve kapanış etiketi vardır.
Tek HTML EtiketleriTek etiketlerin kapanış etiketi yoktur. Örneğin:
, . Daha önce şöyle yazmışlardı:
, , artık bu tek etiket yazma tarzı konuyla alakalı değil, o yüzden bu şekilde yazmayın. En çok kullanılan tek etiketler:
- yeni bir satıra geçin, - bölme çizgisine geçin, - bir resim ekleyin.
Daha birçok eşleştirilmiş etiket var. Eşleştirilmiş bir tanımlayıcının bir açılış ve kapanış etiketi vardır. Eşleştirilmiş etiket bir kap oluşturur. Kapsayıcının içeriği açılış ve kapanış etiketleri arasındadır. Bu makaledeki örnekte HTML'deki tanımlayıcılar nedir? etiketini gördünüz. , yani bu eşleştirilmiş bir etikettir, bu etiketin içeriği "HTML'deki etiketler nedir?" metnidir. Başlangıcı etiket ve sonu .
Yeni başlayanların eşleştirilmiş etiketler yazarken yaptığı ana hata, iç içe yerleştirmedeki karışıklıktır. Örneğin, doğru giriş budur:
Kalın paragraf
. Ve işte hata:Kalın paragraf
, böyle bir düzene sahip bir HTML belgesi geçersiz kabul edilir. Yuvalamayı karıştırmamak için şunu yapın: eşleştirilmiş etiketler oluşturun, ardından diğerlerini bunların içine yerleştirin ve sonunda metni her iki etiketin içine yazın.Eşleştirilmiş etiketler nasıl doğru şekilde yazılır?
. Etiketler açısından HTML5'teki yenilikler neler?HTML5, HTML4'ün bir uzantısıdır, dolayısıyla HTML4'teki tanımlayıcıların çoğunu veya tamamını korur ve kendi tanımlayıcılarını ekler. HTML5, siteyi ana bloklara bölmek için özel etiketler getirdi: başlık, menü, alt bilgi, kenar çubuğu ve içerik.
Etiketlerin nasıl kullanılacağını öğrenmek neden önemlidir?Arama motorları Yandex ve Google sayfa düzenine duyarlıdır HTML belgeleri, bunların geçerlilik açısından kontrol edilmesi. Özel tanımlayıcılar vb. içine alınmış anahtar kelimeleri ararlar. Ancak bu bölüm bununla ilgili değil. Bu promosyon (SEO) için geçerlidir.
Tüm HTML etiketlerini nasıl öğrenebilirim?Evet, oldukça fazla etiket var. Ancak onlara özel olarak öğretmeye gerek yoktur. Bir şeyler yazmaya çalıştığınız sürece, eşleştirilmiş ve tekli tüm tanımlayıcılar kolayca hatırlanacaktır. Zamanla elbette.
HTML etiketleri HTML dilinin temelidir. Etiketler, işaretlemedeki öğelerin başlangıcını ve bitişini sınırlamak için kullanılır.
Her HTML belgesi bir HTML öğeleri ve metin ağacından oluşur. Her HTML öğesi bir başlangıç (açılış) ve bitiş (kapanış) etiketiyle tanımlanır. Açılış ve kapanış etiketleri etiketin adını içerir.
Tüm HTML öğeleri beş türe ayrılmıştır:
Tablo, HTML4 ve HTML5 tarafından desteklenen öğelerin tam listesini sağlar. Deneysel ve eski etiketler hariçtir. HTML5 spesifikasyonuna eklenen öğeler deniz mavisi renkle vurgulanmıştır.
HTML öğelerinin tam listesiYorum eklemek için kullanılır. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Belge türünü bildirir ve tarayıcıya dili ve sürümü gibi temel bilgileri sağlar. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Köprü metni bağlantıları oluşturur. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Metni kısaltma veya kısaltma olarak tanımlar. Açıklayıcı metin, başlık özelliği kullanılarak belirtilir. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Belgenin veya makalenin yazarının/sahibinin iletişim bilgilerini belirtir. Tarayıcıda italik olarak görüntülenir. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Bir görüntü haritasındaki belirli bir alana veya görüntü haritasındaki aktif bir alana karşılık gelen metni içeren bir köprüdür. Her zaman bir etiketin içine yerleştirilmiştir. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Dergi makalesi, blog yazısı, yorum gibi bir belgenin veya web sitesinin bağımsız bir parçasını oluşturan içerik bölümü. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Sayfanın/sitenin ana içeriğiyle dolaylı olarak ilgili olan sayfa içeriğini temsil eder. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Ses içeriğini bir web sayfasına yükler. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Vurgulanan metne vurgu veya önem eklemeden metnin bir pasajını kalın olacak şekilde ayarlar. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Tüm göreli adreslerin hesaplandığı temel adresi (URL) belirtir. Bu, tüm bağlantılar eskisi gibi çalışacağından sayfayı başka bir konuma taşırken sorunların önlenmesine yardımcı olacaktır. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Metnin sağdan sola okunduğu bir dilde yazılmış bir metin pasajını metnin geri kalanından ayırır. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Metni, geçerli metin yönünü geçersiz kılarak, dir özelliği tarafından belirtilen yönde görüntüler. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Büyük alıntıları tanımlamak için kullanılan metni alıntı olarak vurgular. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Belgenin gövdesini temsil eder (belgenin meta verilerinin parçası olmayan içerik). | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Metni yeni bir satıra kaydır. | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Etkileşimli bir düğme oluşturur. Etiketin içine metin veya resim gibi içerik yerleştirebilirsiniz. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Basit resimler, çizelgeler, grafikler vb. gibi görselleri dinamik olarak görüntülemek için tuval kabı. Çizim için JavaScript kodlama dili kullanılır. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Tabloya bir başlık ekler. Etiketin hemen sonrasına eklendi
|