İlan

HTML5, en son ve en iyisi HTML5 Nedir ve Göz Atma Şeklimizi Nasıl Değiştirir? [Açıklamalar MakeUseOf]Son birkaç yıldır, arada bir HTML5 terimini duymuş olabilirsiniz. Web geliştirme hakkında bir şey biliyor olsanız da olmasanız da, konsept biraz belirsiz ve kafa karıştırıcı olabilir. Açıkçası, ... Daha fazla oku Web'de en çok kullanılan biçimlendirme dilinin sürümü. Dilin son sürümünde bazı büyük değişiklikler var ve bunları kullanmıyorsanız, gerçekten harika işlevlerden bazılarını kaçırıyorsunuz.

HTML'nin beşinci sürümünde her yeni öğeyi kapsayacak yerimiz yok, ancak bu dokuz öğe en önemli öğelerden bazıları. HTML5'teki yeni öğeler ve API'lar hakkında daha fazla bilgi için, W3Schools'u inceleyin.

Anlamsal Elemanlara Giriş

İnternetin çoğu gibi, HTML5 de semantiğe odaklanmak için değişti. Artık yalnızca biçimlendirme için kullanılan etiketler yerine, tarayıcılara söylemek için de kullanılıyor ve arama motorları Google'a Alternatif Olarak En İyi 7 Anlamsal Arama Motoru Daha fazla oku çevreleyen şeyin anlamı.

Örneğin,

bir tarayıcıya paragraf içerdiğini söyler.

bir an tartışacağız, bir tarayıcıya sayfanın ana içeriğini içerdiğini söyler.

Anlamsal ağ hala gelişiyor ve biz sadece yapabileceklerinin yüzeyini çizmeye başladık. HTML5, anlamsal işaretleme Anlamsal İşaretleme Nedir ve İnterneti Sonsuza Kadar Değiştirecek [Teknoloji Açıklaması] Daha fazla oku ve bu da semantik işlemenin geleceği için iyi olabilir.

1.

etiketi “bağımsız, bağımsız içerik” tanımlar. Bunun en kolay örneği elbette bir makaledir. Bu belirli makale için etiketi girişten önce açıp sonuçtan sonra kapatırdık.

 Bağımsız bölümünüzdeki metnin tamamı. 

Ama onu kullanmanın başka yolları da var. Örneğin, birçok yemek pişirme blogunda bir tarifin nasıl ortaya çıktığı veya yazar için neden önemli olduğu hakkında kişisel hikayeler bulunur. Ardından tarifin kendisi gelir. Bu unsurların her birinin tek başına durabileceğini iddia edebilirsiniz.

Bir forumda, her gönderi veya konu bağımsız olarak değerlendirilebilir ve her biri kendi başlığına işaretlenebilir

etiket. Çoğunlukla, bir sayfanın ana içeriğinde kullanılacaktır. Ancak daha yaratıcı bir şekilde kullanabileceğinizi unutmayın.

2.

Yakından ilişkili

dır-dir

. Bu, “tipik olarak bir başlık ile tematik bir içerik grubu” tanımlar. Yani

içeride olacak

… sağ?

Şart değil. W3, sitenizin yapısına bağlı olduğuna dikkat çekiyor. Sayfanızın farklı bölümlerinde müstakil içeriğiniz olabilir (örneğin, bir haber sitesinin ön sayfasını düşünün). Daha sonra bu makalenin içinde bölümler olabilir.

Neden bir DAC'a ihtiyacınız var?
Her şey daha iyi geliyor.
DAC Nasıl Kurulur
İşte yapmanız gerekenler.. .

Sayfanıza uyuyorsa bölümler içinde bölümler bile olabilir. Bir bölümün basitçe "tematik bir içerik grubu" olduğunu ve onu kullanmak için birçok yer bulacağınızı unutmayın.

3.

Bu öğe “tanıtım içeriği için bir kap olarak kullanılmalıdır.” Kısacası, sayfanızın insanların okumak istediklerini anlamalarına yardımcı olan kısmıdır.

Ancak aldanmayın - bu kapsayıcıyı bir kereden fazla kullanabilirsiniz. Örneğin, blog yayınınızın sayfa başlığını ve giriş paragrafını tanımlamak için kullanabilirsiniz. Ancak, her bölüm için giriş içeriğini de işaretlemek için kullanabilirsiniz.

DAC'ler Hakkında Bilmeniz Gereken Her Şey
İşte DAC'lere faydalı bir giriş ...
 Makalenizin geri kalanı burada.

Başlık bölümleri genellikle en az bir başlık etiketi içerir - H1, H2, vb. Yapmaları gerekmiyor, ancak genel olarak bir başlık etiketi kullanıyorsanız, başlık içeriği eklemeniz iyi bir bahistir.

4.

W3, altbilgi etiketlerinin genellikle “belgenin yazarı, telif hakkı bilgileri, kullanım şartlarına bağlantılar, iletişim bilgileri vb.” İçerdiğini söylüyor. Bunu “temizlik” malzemesi olarak düşünebilirsiniz.

Belgeler ayrıca sayfanızda birden fazla altbilgi bölümünün olabileceğini belirtir. Bununla birlikte, tüm bu bilgileri tek bir yerde tutmak muhtemelen iyi bir fikirdir.

5.

Bu etiket, belirli bir sayfanın gezinme bağlantılarını içerir. Sayfanızdaki tüm bağlantıların değil, yalnızca gezinme bölümünün bu etiketi aldığını unutmayın. Gezinme çubukları ve benzeri araçlar içindir.

Bu gerçekten basit bir etiket - hepsi bu kadar. Gezinme bölümünü tanımlamak için kullanın ve sayfanızda bir daha kullanmayın.

6.

HTML5'teki en ilginç yeni unsurlardan biri de bir yana. W3, ona “yerleştirildiği içeriğin yanı sıra bazı içerikler” gibi yararsız bir tanım verir.

Kısacası, bir kenara çevredeki bilgilerle ilgili olan (ancak bunlardan ayrı olan) bir şeydir. İçeriğinize ayrıntı ekleyen bir kenar çubuğu olabilir. Bir dizi içinde kullanıldığında

etiketlerinde, ana içeriğin anlaşılması için gerekli olmayan ek bilgiler sağlar.

Örneğin, bu makaleye HTML5'in geçmişi hakkında bilgi veren bir kenar çubuğu ekleseydik, bu bir yana olurdu.

Ama

 Ana makale burada.  Makale burada devam ediyor.

Bu etiket için birden fazla kullanım olduğundan, kafa karıştırıcı olabilir. Bunun "ikincil içerik" olduğunu ve her zaman kenar çubuğu olması gerekmediğini aklınızda tutarsanız, onu nasıl kullanacağınız hakkında daha iyi bir fikriniz olacaktır.

7.

Birçok web sitesinde, görüntülenmesi gereken ancak belirgin olmayan bilgiler bulunur. Belki de bir fotoğrafın telif hakkı bilgisidir. Ya da bir yarışmadaki ince baskı. Bu tür bilgiler tam olarak ayrıntılar etiketinin ne için olduğunu belirtir.

Ayrıntılar etiketini kullandığınızda, kolayca görüntülenebilecek gizli metin oluşturursunuz. İşte bir örnek:

Bilgileri görmek için buraya tıklayın.

İşte hemen ihtiyacınız olmayan daha ayrıntılı bilgiler.

Ayrıntıları öğrenmek için oku tıklayın. Basit. Onu oluşturmak da çok kolay. Yukarıdaki örnek için kullanılan kod şöyledir:

 Bilgileri görmek için buraya tıklayın. 
 İşte hemen ihtiyacınız olmayan daha ayrıntılı bilgiler. 

etiketi, diğer içerikler gizlenirken gösterilecek cümleyi tanımlar. Ayrıntılar bölümündeki diğer etiketleri kullanabileceğinizi unutmayın: başlıklar, bölümler, vb.

Başka var HTML ile yapabileceğiniz harika şeyler Herkesin Web Sitelerine Ekleyebileceği 8 Harika HTML EtkisiSüslü bir site oluşturmak için CSS veya PHP bilmek zorunda değilsiniz. Harika efektler oluşturmak için bu harika HTML numaralarını kullanın. Daha fazla oku çok fazla CSS veya JSON bilmeseniz bile.

8-9.

ve

Endişelenme, yıllardır kullandığınız etiket gitmiyor.

resim etiketinin etrafından dolanır ve tarayıcının kendi kendine yeten bir resim, şema, kod listesi veya başka bir şekil olduğunu bilmesini sağlar.

Bir şekil sayfadan kaldırılırsa, içeriğin akışını etkilemez.

Bu, resimlerinize resim yazısı eklemenin yerleşik bir yolunu sunar. Artık CMS'nizi gözden geçirmenize gerek yok.

HTML5’in Gücünden Yararlanın

HTML5'teki yeni öğeler, özellikle semantik amaçlar için çok fazla güç katıyor. Biçimlendirme, skaler ölçümler, görev ilerlemesi ve daha fazlası için ek öğeler vardır. Görebilirsin tüm yeni unsurlar W3Schools.

Ancak bu dokuz kişide ustalaşabiliyorsanız, HTML5'i iyi kullanma yolunda ilerleyeceksiniz. HTML konusunda yeniyseniz, mutlaka kontrol edin bu kod örnekleri 10 Dakikada Öğrenebileceğiniz 17 Basit HTML Kodu ÖrneğiTemel bir web sayfası mı oluşturmak istiyorsunuz? Bu HTML örneklerini öğrenin ve tarayıcınızda nasıl göründüklerini görmek için bunları bir metin düzenleyicide deneyin. Daha fazla oku !

HTML5 kullanmaya başladınız mı? Hangi yeni unsurları en kullanışlı buluyorsunuz? Aşağıdaki yorumlarda düşüncelerinizi paylaşın!