En son web geliştirme öğreticiler
 

Web Kalite


yeni web standartlarını kullanarak web sitesinin kalitesini artırır.


HTML 5 kullanarak

son HTML5 standardının sayfalarınızı yazma, sen mükemmellik mümkün olduğunca yakın getiriyor.

Tüm HTML sayfaları içermelidir <!DOCTYPE> o kadar uyumlu olduğuna bağlı HTML sürümü tanımlamak için eleman.

DOCTYPE sürekli daha hızlı ve daha sayfanızı hale böylece tarayıcınıza önemli bilgiler verir.

DOCTYPE bildirimi Ayrıca sayfanızın sözdizimini kontrol etmek yazılımlarının güncellenmesi sağlar:

<!DOCTYPE html>

Ayrı CSS dosyaları kullanın

Basamaklı Stil Sayfalarını kullanma (CSS) kaliteli web sayfalarında, stil içerik ayırmanın tercih edilen yoldur.

CSS kullanarak web sitelerinin kalitesini artırır ve birçok farklı tarayıcılar için okunabilirliği artırır.

Stiller (sizes, fonts, colors, and more) ayrı CSS dosyalarına, web sayfaları dışında ayarlanmalıdır. Ayrı bir CSS dosyası kullanmak da büyük ölçüde web sitesi geliştirme maliyetlerini azaltacaktır.

Ayrı bir CSS dosyası ile bir satır kodun yeniden yazarak HTML öğelerinin stilini değiştirebilirsiniz. Eğer sayfaları içinde CSS kullandıysanız, tüm bu sayfaları düzenlemek zorunda olacaktır.


Web Doğrulama

Bir doğrulayıcı web standartları karşı web sayfaları kontrol edebilirsiniz bir yazılım programıdır.

HTML ve CSS belgeleri kontrol etmek için bir doğrulayıcı kullanırken, doğrulayıcı seçtiğiniz standarda göre, bulunan hataların bir listesini döndürür.

Eğer yayınlamadan önce tüm web sayfalarını doğrulamak için bir alışkanlık haline emin olun.


Başlık Eleman

<title> öğesi en önemli HTML öğelerinin biridir. Temel işlevi, bir web sayfasının içeriğini tanımlamaktır.

Başlık web sayfasının bir görünen kısmı olmasa bile, bu web sitesinde dolayı kalitesi önemlidir:

  • Bu arama motoru listelerinde görünür olacak
  • Bu tarayıcısının başlık çubuğunda görebilirsiniz
  • Bu kullanıcının imi görüntülenir

Başlık mümkün olduğunca kısa ve açıklayıcı olmalıdır.

başlık, kullanıcı aradığı içeriği aynı olduğundan emin olun. Sonra kullanıcı web sitesini ziyaret etmek için linke tıklayın olacak daha olasıdır.

Good title examples:

<Title> HTML Rehber </ title>

<Title> XML Giriş </ title>

Bad title examples:

<Title> Giriş </ title>

<Title> 1. Bölüm </ title>

<Title> w3ii ödüllü, iyi HTML anlamak için düzenlenen ve kolay bir koleksiyona sahiptir, CSS, JavaScript çalışma örnekler ve kaynak kodu dolu XML ve SQL öğreticiler. </title>


Öğeleri Başlık

<h1> elemanı bir web sayfasının ana başlığı tanımlamak için kullanılır.

Bazı web tarayıcıları görüntülemek için <h1> varsayılan olarak çok büyük bir yazı elemanı, bazı web geliştiricileri kullanacaktır <h2> yerine öğesi <h1> ana başlıklar için eleman. Bu çalışacaktır çoğu arama motorları ve diğer yazılımları karıştıracaktır "understand" web sayfasının yapısını.

Kullanım <h1> ana başlıklar için ve <h2> ve <h3> alt düzey başlıklar için.

Bu şablonun sonra başlıklarını yapılandırmak deneyin:

Ana başlığı

Bazı başlangıç ​​metni

2. düzey başlık

Bu, bazı metindir. Bu, bazı metindir. Bu, bazı metindir.

Seviye 3 başlık

Bu, bazı metindir. Bu, bazı metindir. Bu, bazı metindir.

Başlık için varsayılan boyutu beğenmezseniz, bunu değiştirmek için CSS kullanabilirsiniz.


Karakter Setleri

Tüm W3C standartları (since 1996) Unicode olarak adlandırılan dahili karakter kümesini tanımlar (ISO 10646) .

Tüm modern web tarayıcıları dahili olarak belirlenen bu karakter kullanıyorsunuz. Internet üzerinden iletilen çoğu belgeler Unicode karakter kümesi kullanmayın.

Bunun için, tarayıcılar ve sunucular aralarındaki iletişimde kullanılan karakter kümesi hakkında hemfikir için bir yol olması gerekir.

Doğru karakter seti ile her belgeyi etiketleme, web sitesinin kalitesi için önemlidir.

HTML sayfaları için, her zaman iç aşağıdaki meta öğesini kullanmak <head> elemanı:

<meta charset="x">

ISO-8859-1, UTF-8 veya UTF-16 gibi, kullanmak istiyorum ayarlanmış karakteri x'in yerine.


Tarih Biçimleri

Gibi tarihleri kullanmayın "04-03-02" .

tarihi yukarıda Ayrıca Mart 2002 4th of Veya Nisan 2002 hatta 3rd anlamına gelebilir Mart 2004 2nd anlamına gelebilir.

Uluslararası Standart Organizasyonu (ISO) olarak tarihlerde uluslararası biçimi tanımlamıştır "yyyy-mm-dd" yyyy, yıl; mm, ay; dd günüdür.

Bu ISO biçimini kullandığınızda, çoğu ziyaretçilerin tarihleri ​​anlamak bekleyebilirsiniz.