HTML5 en son ve en büyüğüdür HTML5 Nedir ve Göz Atma Biçimimi Nasıl Değiştirir? [MakeUseOf Açıklar] HTML5 Nedir ve Göz Atma Biçimimi Nasıl Değiştirir? [MakeUseOf of Explains] Geçtiğimiz birkaç yıl boyunca, her defasında bir defa HTML5 terimini duymuş olabilirsiniz. Web geliştirme hakkında bir şey biliyor olsanız da bilmeseniz de, konsept biraz bulanık ve kafa karıştırıcı olabilir. Açıkçası,… web'de en yaygın 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 bir işlevsellikten mahrum kalıyorsunuz..

HTML'nin beşinci sürümündeki her yeni öğeyi kapsayacak yerimiz yok, ancak bu dokuz en önemlilerinden bazıları. HTML5'teki yeni öğeler ve API'ler hakkında daha fazla bilgi için, W3Schools'u kontrol ettiğinizden emin olun..

Anlamsal Öğelere Giriş

İnternetin çoğu gibi, HTML5 de anlambilim üzerine odaklanmak için yer değiştirdi. Şimdi, yalnızca biçimlendirme amacıyla kullanılan etiketler yerine, tarayıcılara ve arama motorlarına Google'a Alternatif Olarak Top 7 Semantik Arama Motorlarını, çevreleyenlerin anlamını Google'a Alternatif Olarak Top 7 Semantik Arama Motorlarına anlatmak için kullanılır.

Örneğin,

sadece bir tarayıcıya paragraf içerdiğini söyler. anlık olarak tartışacağımız bir tarayıcıya sayfanın ana içeriğini içerdiğini söyler..

Anlamsal ağ hala gelişiyor ve sadece yapabileceklerinin yüzeyini çizmeye başladık. HTML5 semantik biçimlendirme getirmeye yardımcı oluyor Semantik İşaretleme Nedir ve İnterneti Her Zaman Nasıl Değiştirir? [Teknoloji Açıklanır] Semantik İşaretleme Nedir ve İnternet'i Her Zaman Nasıl Değiştirir [Teknoloji Açıklanır] internetin çok daha büyük bir bölümüne ve sadece anlamsal işlemenin geleceği için iyi olabilir.

1.

Etiket tanımlar “bağımsız, bağımsız içerik.” En kolay örnek, elbette bir makaledir. Bu özel makale için etiketi tanıtımdan önce açıp sonuçtan sonra kapattık..

 Kendi bölümünüzdeki metnin tümü. 

Ama onu kullanmanın başka yolları da var. Örneğin, birçok yemek pişirme blogunda bir tarifin nasıl ortaya çıktığına veya yazar için neden önemli olduğuna dair kişisel hikayeler bulunur. Daha sonra tarifin kendisi tarafından takip edilir. Bu unsurların her birinin tek başına durabileceği iddiasını yapabilirsin..

Bir forumda, her yazı veya iş parçacığı bağımsız olarak kabul edilebilir ve her biri kendi etiketiyle işaretlenebilir. Ç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şkilidir. Bu bir tanımlar “tipik olarak bir başlık içeren, içeriğin tematik gruplaması.” Yani içeride olacak… doğru?

Şart değil. W3, sitenizin yapısına bağlı olduğunu belirtir. Sayfanızın farklı bölümlerinde kendi kendine yeten içerik olabilir (örneğin bir haber sitesinin ön sayfasını düşünün). Daha sonra bu makale içinde bölümlere sahip olabilirsiniz..

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

Sayfanıza uyuyorsa bölümler içinde bile bölümleriniz olabilir. Unutmayın, bir bölüm sadece bir “içeriğin tematik gruplaması,” ve onu kullanmak için birçok yer bulacaksınız.

3.

Bu eleman “tanıtım içeriği için bir kap olarak kullanılmalıdır.” Kısacası, sayfanızın, insanların okumak üzere olduklarını anlamalarına yardımcı olan bölümüdür..

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

  
DAC'ler hakkında bilmeniz gereken her şey
 
İşte DAC'lere faydalı bir giriş… 
  Makalenin geri kalanı buraya gidiyor.

Başlık bölümleri genellikle en az bir başlık etiketi içerir - H1, H2, vb. Zorunda değiller, ancak genel olarak, bir başlık etiketi kullanıyorsanız, başlık içeriğini dahil ettiğiniz için iyi bir bahis var..

4.

W3 altbilgi etiketlerinin genellikle “Dokümanın yazarı, telif hakkı bilgisi, kullanım şartları, iletişim bilgileri vb..” Bunu düşünebilirsiniz “ev idaresi” şey.

 Telif Hakkı: MakeUseOf, 2017. Bize Ulaşın 

Belgeler ayrıca, sayfanızda birden fazla altbilgi bölümüne sahip olabileceğinizi belirtir. Yine de, tüm bu bilgileri tek bir yerde tutmak iyi bir fikir olabilir..

5.

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

 Ev hakkında 

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

6.

HTML5'teki en ilginç yeni unsurlardan biri bir kenara. W3 biraz yararsızdır tanımı verir “içine yerleştirilen içerikten başka bir içerik.”

Kısacası, bir kenara, çevreleyen bilgilerle ilgili (ancak ondan ayrı) olan herhangi bir şeydir. İçeriğinize ayrıntı katan bir kenar çubuğu olabilir. Bir etiket kümesi içinde kullanıldığında, ana içeriğin anlaşılması için gerekli olmayan ek bilgiler sağlar..

Örneğin, bu makalede, HTML5'in tarihçesi hakkında bilgi veren bir kenar çubuğu ekleseydik, bu bir yana olur.

Ancak bu etiket aynı zamanda makale içeriğinin dışında da kullanılabilir. Bu durumda, genellikle site ile ilgili bilgiler için kullanılır. Örneğin şöyle bir kenar çubuğu ekleyebiliriz:

 Ana makale buraya giriyor. MakeUseOf, kullanıcılar, bilgisayarlar, cihazlar ve internet arasındaki bağlantının eğitim yoluyla birleştirilmesine odaklanmıştır. Makale burada devam ediyor.

Bu etiket için birden fazla kullanım olduğundan, kafa karıştırıcı olabilir. Aklınızda tutarsanız “ikincil içerik” ve her zaman bir kenar çubuğu olması gerekmediğini, nasıl kullanılacağı hakkında daha iyi bir fikre sahip olacaksınız..

7.

Birçok web sitesinde gösterilmesi gereken ancak belirgin olmayan bilgileri vardır. Belki bir fotoğrafın telif hakkı bilgisidir. Ya da bir yarışmada iyi baskı. Bu tür bilgiler tam olarak bilgi etiketi içindir..

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

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

Ayrıntıları almak için sadece oka tıklayın. Basit. Yaratmak aynı derecede kolaydır. İşte yukarıdaki örnek için kullanılan kod:

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

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

HTML 7 ile yapabileceğiniz başka harika şeyler var Herhangi Birisinin Web Sitesine Ekleyebileceği Harika HTML Etkileri 7 Herkesin Web Sitesine Ekleyebileceği Ekstra Etkiler HTML Süslü bir site oluşturmak için CSS veya PHP bilmeniz gerekmez. Bazı iyi eski HTML ve nasıl kopyalayıp yapıştıracağınızı bilmek. Çok fazla CSS veya JSON bilmiyor olsanız bile.

8-9. ve

Endişelenme, Yıllardır kullandığınız etiket uzaklaşmıyor. Resim etiketinin etrafında dolaşır ve tarayıcının bağımsız bir resim, diyagram, kod listesi veya başka bir şekil olduğunu bilmesini sağlar..

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

şekil etiketine gider ve bir resim için resim yazısı belirtir. Bu gibi bir şey görünebilir:

  Bu bizim logo! 

Bu, resimlerinize resim yazısı eklemek için yerleşik bir yöntem sunar. Artık CMS'nizden geçmenize gerek yok.

HTML5'in Gücünden Yararlanın

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

Ancak bu dokuz konuda ustalaşabiliyorsanız, HTML5'i iyi bir şekilde kullanma yolundasınız demektir. Ve eğer HTML’de yeniyseniz, bu kod örneklerini kontrol ettiğinizden emin olun 17 10 Dakikada Öğrenebileceğiniz Basit HTML Kodu Örnekleri 17 10 Dakikada Öğrenebileceğiniz Basit HTML Kodu Örnekleri Basit bir web sayfası oluşturmak ister misiniz? Bu HTML örneklerini öğrenin ve tarayıcınızda nasıl göründüklerini görmek için bir metin düzenleyicide deneyin. !

HTML5'i kullanmaya mı başladınız? Hangi yeni unsurları en faydalı buluyorsunuz? Düşüncelerinizi aşağıdaki yorumlarda paylaşın!