Bu kılavuz, HTML başlangıç şablonunun ne olduğunu gösterir.
HTML Başlangıç Şablonu nedir?
Bir HTML başlangıç şablonu bildirimini, ,
ve etiketlerini ve temel bir CSS stilleri ve JavaScript betikleri kümesi içerir. Bu etiketler, geliştiriciler için çok fazla zaman ve çaba tasarrufu sağlayan bir web sayfası oluşturmak için bir temel sağlar.HTML başlangıç şablonu şu şekilde görünür:
< html Sadece = 'içinde' >
< KAFA >
< meta karakter kümesi = 'UTF-8' >
< meta isim = 'görüntü alanı' içerik = 'genişlik=cihaz genişliği, başlangıç ölçeği=1' >
< başlık > linux < / başlık >
< bağlantı rel = 'stil sayfası' href = './style.css' >
< meta http eşdeğeri = 'X-UA Uyumlu' içerik = 'yani=kenar' >
< / KAFA >
< vücut >
< h1 > HTML Başlangıç Şablonu < / h1 >
< / ana>
< senaryo kaynak = 'index.js' >< / senaryo >
< / vücut >
< / html >
HTML başlangıç şablonunda bulunan etiketler/öğeler hakkında bilgi edinmek için aşağıdaki gösterimi izleyin:
Etiketi
“ ” etiketi, dosya türüyle ilgili verileri içerir ve tarayıcıya dosyanın nasıl işleneceğini söyler. Bu etiket, web sayfasını oluşturmak için hangi HTML sürümünün kullanıldığı hakkında bilgi sağlayarak arama motoru optimizasyonunda çok yardımcı olur. Bir HTML dosyasında bu etiket yoksa, web tarayıcısı beklenmedik şekilde davranabilir veya yanlış öğeler görüntüleyebilir.
Etiketi
“ ” etiketi gerekli bir öğedir ve tüm HTML öğeleri için bir kap görevi görür. Kök öğedir, düzgün çalışması için diğer tüm öğelerin içine yerleştirilmesi gerektiği anlamına gelir. Bu etiket, web sayfasının yapısını ve içeriğini tanımlamak ve belgeyle ilgili meta verileri belirlemeye yardımcı olmak için kullanılabilir. “ Sadece ” özniteliği HTML sayfasının dili ayarlanabilir:
< html Sadece = 'içinde' >// kod
< / html >
Yukarıdaki kod parçacığında, HTML sayfası dili “ olarak ayarlanmıştır. İngilizce ”.
“” Etiketi
Web sayfasıyla ilgili bilgiler “” içine eklenir.
// sokmak kod Burada
< / KAFA >
Etiketleri
etiketi, karakter seti, anahtar kelimeler ve sayfanın açıklaması gibi HTML belgesi hakkında meta veriler sağlar. Tarayıcı motoru optimizasyonunda önemli bir rol oynar. Web tarayıcısının metni doğru kodlama standartlarını kullanarak doğru şekilde görüntülemesini sağlar. HTML sayfasıyla ilgili anahtar kelimeleri ve açıklamayı ayarlamak için de kullanılır:
< meta ... / > Etiketi
“
Yukarıdaki kod satırını “ içinde çalıştırdıktan sonra
Yukarıdaki çıktı, “ içinde sağlanan sahte verilerin olduğunu gösterir.
Etiketi
Bu etiket, HTML dosyasındaki stili veya yöntemleri devralmak veya kullanmak için HTML dosyalarını diğer dosyalara bağlamak için kullanılır. Diğer dosyalar, geliştirici tarafından oluşturulan CSS dosyaları veya Bootstrap veya Tailwind vb. HTML dosyası:
< bağlantı rel = 'stil sayfası' href = './style.css' >Yukarıdaki kod satırında “ stil.css ” dosyası HTML dosyasıyla bağlantılı hale geliyor. Artık, HTML dosyasına stil uygulamak için “style.css” dosyası içinde oluşturulmuş sınıflara erişilebilir. Örneğin, “ stilini deneyin ” etiketi, aşağıdaki CSS özelliklerini kullanarak HTML dosyasının içine zaten eklenmiştir:
h1 {yazı tipi ailesi: çarpı yeni roman;
renk : koyu mavi;
}
Yukarıdaki kodu “ stil.css ' dosya. Oluşturduktan sonra web sayfası şöyle görünür:
Web sayfası, stillerin HTML öğesine harici CSS dosyasından ' kullanılarak uygulandığını gösterir.
“ ” Etiketi
etiketinin birincil kullanımı, web sayfasının tüm görünür içeriğini içermesidir. Bu, web sayfasının ana içeriğini oluşturan web sayfasına metin, resim, video ve diğer öğelerin eklenmesine yardımcı olan birden çok etiketi içerir. CSS özelliklerini bir kerede web sayfasına uygulamak için de kullanılabilir. Ayrıca semantik etiketler ve diğer erişilebilirlik özelliklerini ekleyerek web sayfasının erişilebilirliğini artırır: < vücut >
// HTML öğelerini buraya ekleyin
< / vücut >