HTML Meta Tag Nedir?
HTML, meta etiketleri (HTML Meta Tagları) – bir belge hakkında çeşitli şekillerde önemli ek bilgiler belirlemenizi sağlar. META öğeleri, HTML belgesinin yazar, son kullanma tarihi, bir anahtar kelime listesi, belge yazarı vb. özelliklerini tanımlayan ad/değer çiftlerini dahil etmek için kullanılabilir.
<meta> etiketi bu tür ek bilgiler sağlamak için kullanılır. Bu etiket boş bir öğedir ve bu nedenle bir kapanış etiketi yoktur, ancak öznitelikleri içinde bilgi taşır.
Belgenizde hangi bilgileri tutmak istediğinize bağlı olarak belgenize bir veya daha fazla meta etiket ekleyebilirsiniz, ancak genel olarak meta etiketler belgenin fiziksel görünümünü etkilemez, bu nedenle görünüm açısından bakmanızın önemi yoktur. ya da değil.
HTML Belgeye Meta Etiket Ekleme
<head> ve </head> etiketleriyle temsil edilen belgenin başlığına <meta> etiketleri yerleştirerek web sayfalarınıza meta veriler ekleyebilirsiniz. Bir meta etiket, temel özelliklere ek olarak aşağıdaki özelliklere de sahip olabilir –
Sıra | Özellik ve Açıklama |
---|---|
1 | Name Mülkün adı. Herşey olabilir. Anahtar kelimeler, açıklama, yazar, gözden geçirilmiş, oluşturucu vb. |
2 | content Özelliğin değerini belirtir. |
3 | scheme Özelliğin değerini (content özelliğinde bildirildiği gibi) yorumlamak için bir şema belirtir. |
4 | http-equiv Http yanıt mesajı başlıkları için kullanılır. Örneğin, http-equiv sayfayı yenilemek veya bir çerez ayarlamak için kullanılabilir. Değerler içerik türü, son kullanma tarihi, yenileme ve set çerezi içerir. |
HTML Anahtar Kelimeleri Belirleme
<meta> etiketini belgeyle ilgili önemli anahtar kelimeleri belirtmek için kullanabilirsiniz ve daha sonra bu anahtar kelimeler arama motorları tarafından web sayfanızı arama amacıyla dizine eklerken kullanılır.
Aşağıda, belgeyle ilgili önemli anahtar kelimeler olarak HTML, Meta Etiketler, Meta Veriler eklediğimiz bir örnek verilmiştir.
Örnek
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html> <head> <title>Meta Etiketleri Kullanımı</title> <meta name = "keywords" content = "HTML, Meta Etiketleri, Metadata,Ders Örnekleri" > </head> <body> <p>HTML5 Meta dersi, meta örnekleri.</p> </body> </html> |
HTML Belge Açıklaması
Belge hakkında kısa bir açıklama yapmak için <meta> etiketini kullanabilirsiniz. Bu, web sitenizi arama amacıyla dizine eklerken çeşitli arama motorları tarafından tekrar kullanılabilir.
Örnek:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!DOCTYPE html> <html> <head> <title>Meta Etiketleri Kullanımı</title> <meta name = "keywords" content = "HTML, Meta Etiketleri, Metadata,Ders Örnekleri"> <meta name = "description" content = "HTML meta etiketleri ve öğretmimi konuları" > </head> <body> <p>HTML5 Meta dersi, meta örnekleri.</p> </body> </html> |
HTML Belge Revizyon Tarihi
Belgenin en son ne zaman güncellendiği hakkında bilgi vermek için <meta> etiketini kullanabilirsiniz. Bu bilgiler, web sayfanızı yenilerken çeşitli web tarayıcıları tarafından kullanılabilir.
Örnek:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html> <html> <head> <title>Meta Etiketleri Kullanımı</title> <meta name = "keywords" content = "HTML, Meta Etiketleri, Metadata,Ders Örnekleri"> <meta name = "description" content = "HTML meta etiketleri ve öğretmimi konuları" > <meta name = "revised" content = "TasarımKodlama, 10/11/2019" > </head> <body> <p>HTML5 Meta dersi, meta örnekleri.</p> </body> </html> |
HTML Belge Yenileme
Bir <meta> etiketi, web sayfanızın otomatik olarak yenilenmeye devam edeceği süreyi belirtmek için kullanılabilir.
Örnek
Sayfanızın her 5 saniyede bir yenilenmeye devam etmesini istiyorsanız, aşağıdaki sözdizimini kullanın.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html> <head> <title>Meta Etiketleri Kullanımı</title> <meta name = "keywords" content = "HTML, Meta Etiketleri, Metadata,Ders Örnekleri"> <meta name = "description" content = "HTML meta etiketleri ve öğretmimi konuları" > <meta name = "revised" content = "TasarımKodlama, 10/11/2019" > <meta http-equiv = "refresh" content = "5" > </head> <body> <p>HTML5 Meta dersi, meta örnekleri.</p> </body> </html> |
HTML Sayfa Yönlendirme
Sayfanızı başka bir web sayfasına yönlendirmek için <meta> etiketini kullanabilirsiniz. Belirli bir saniye sonra sayfayı yeniden yönlendirmek istiyorsanız bir süre de belirleyebilirsiniz.
Örnek
Aşağıda, geçerli sayfayı 5 saniye sonra başka bir sayfaya yeniden yönlendirmeye bir örnek verilmiştir. Sayfayı hemen yeniden yönlendirmek istiyorsanız, içerik niteliğini belirtmeyin.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html> <head> <title>Meta Etiketleri Kullanımı</title> <meta name = "keywords" content = "HTML, Meta Etiketleri, Metadata,Ders Örnekleri"> <meta name = "description" content = "HTML meta etiketleri ve öğretmimi konuları" > <meta name = "revised" content = "TasarımKodlama, 10/11/2019" > <meta http-equiv = "refresh" content = "5; url = http://www.tasarimkodlama.com" > </head> <body> <p>HTML5 Meta dersi, meta örnekleri.</p> </body> </html> |
HTML Çerezleri Ayarlama
Çerezler, bilgisayarınızdaki küçük metin dosyalarında saklanan verilerdir ve web uygulaması gereksiniminize göre çeşitli bilgileri takip etmek için web tarayıcısı ve web sunucusu arasında değiştirilir.
<meta> etiketini çerezleri istemci tarafında saklamak için kullanabilirsiniz ve daha sonra bu bilgiler bir site ziyaretçisini izlemek için Web Sunucusu tarafından kullanılabilir.
Örnek
Aşağıda, geçerli sayfayı 5 saniye sonra başka bir sayfaya yeniden yönlendirmeye bir örnek verilmiştir. Sayfayı hemen yeniden yönlendirmek istiyorsanız, içerik niteliğini belirtmeyin.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html> <head> <title>Meta Etiketleri Kullanımı</title> <meta http-equiv = "cookie" content = "userid = admin; expires = Wednesday, 18-Aug-19 23:59:59 GMT;" > </head> <body> <p>HTML5 Meta dersi, meta örnekleri.</p> </body> </html> |
Son kullanma tarihini ve saatini eklemezseniz, çerez bir oturum çerezi olarak kabul edilir ve kullanıcı tarayıcıdan çıktığında silinir.
HTML Yazar Adını Ayarlama
Meta etiketi kullanarak bir web sayfasında bir yazar adı ayarlayabilirsiniz. Aşağıdaki örneğe bakın –
Örnek
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html> <html> <head> <title>Meta Etiketleri Kullanımı</title> <meta name = "keywords" content = "HTML, Meta Etiketleri, Metadata,Ders Örnekleri"> <meta name = "description" content = "HTML meta etiketleri ve öğretmimi konuları" > <meta name = "author" content = "Ahmet Çağlar" > </head> <body> <p>HTML5 Meta dersi, meta örnekleri.</p> </body> </html> |
HTML Karakter Kümesini Belirtme
Web sayfasında kullanılan karakter kümesini belirtmek için <meta> etiketini kullanabilirsiniz.
Örnek
Varsayılan olarak, Web sunucuları ve Web tarayıcıları, Web sayfalarını işlemek için ISO-8859-1 (Latin1) kodlamasını kullanır. Aşağıda UTF-8 kodlamasını ayarlama örneği verilmiştir –
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html> <head> <title>Meta Etiketleri Kullanımı</title> <meta name = "keywords" content = "HTML, Meta Etiketleri, Metadata,Ders Örnekleri"> <meta name = "description" content = "HTML meta etiketleri ve öğretmimi konuları" > <meta name = "author" content = "Ahmet Çağlar" > <meta charset = "UTF-8" > </head> <body> <p>HTML5 Meta dersi, meta örnekleri.</p> </body> </html> |
Kullanabileceğiniz Bazı Diğer Meta Etiketleri
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <meta charset="UTF-8"> <meta name="keywords" content="anahtar, kelimeler"> <meta name="description" content="150 karakter"> <meta name="subject" content="Site tanımı"> <meta name="copyright" content="kurum adı"> <meta name="language" content="TR"> <meta name="robots" content="index,follow"> <meta name="revised" content="Sunday, July 18th, 2010, 5:15 pm"> <meta name="abstract" content=""> <meta name="topic" content=""> <meta name="summary" content=""> <meta name="Classification" content="Business"> <meta name="author" content="isim, email@hotmail.com"> <meta name="designer" content=""> <meta name="reply-to" content="email@hotmail.com"> <meta name="owner" content=""> <meta name="url" content="http://www.siteadi.com"> <meta name="identifier-URL" content="http://www.siteadi.com"> <meta name="directory" content="submission"> <meta name="pagename" content="JavaScript Örnekleri, JavaScript Kullanımı"> <meta name="category" content=""> <meta name="coverage" content="Worldwide"> <meta name="distribution" content="Global"> <meta name="rating" content="General"> <meta name="revisit-after" content="7 days"> <meta name="subtitle" content="Alt başlık"> <meta name="target" content="all"> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="date" content="Sep. 27, 2010"> <meta name="search_date" content="2010-09-27"> <meta name="DC.title" content=""> <meta name="ResourceLoaderDynamicStyles" content=""> <meta name="medium" content="blog"> |
Apple Meta Tags
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>apple-mobile-web-app-title<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>My App<span class="pl-pds">"</span></span>> <span class="pl-c"><!-- New in iOS6 --></span> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>apple-mobile-web-app-capable<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>yes<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>apple-touch-fullscreen<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>yes<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>apple-mobile-web-app-status-bar-style<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>black<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>format-detection<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>telephone=no<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>viewport<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>width=device-width; content=<span class="pl-pds">"</span></span><span class="pl-e">width</span> = <span class="pl-s">320;</span> <span class="pl-e">initial-scale</span>=<span class="pl-s">1.0;</span> <span class="pl-e">maximum-scale</span>=<span class="pl-s">1.0;</span> <span class="pl-e">user-scalable</span>=<span class="pl-s">yes;</span> <span class="pl-e">target-densitydpi</span>=<span class="pl-s">160dpi</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><link href=<span class="pl-pds">"</span></span>/<span class="pl-e">apple-touch-icon.png</span><span class="pl-s"><span class="pl-pds">"</span> rel=<span class="pl-pds">"</span></span><span class="pl-e">apple-touch-icon</span><span class="pl-s"><span class="pl-pds">"</span> type=<span class="pl-pds">"</span></span><span class="pl-e">image</span>/<span class="pl-e">png</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><link href=<span class="pl-pds">"</span></span><span class="pl-e">touch-icon-ipad.png</span><span class="pl-s"><span class="pl-pds">"</span> rel=<span class="pl-pds">"</span></span><span class="pl-e">apple-touch-icon</span><span class="pl-s"><span class="pl-pds">"</span> sizes=<span class="pl-pds">"</span></span><span class="pl-e">72x72</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><link href=<span class="pl-pds">"</span></span><span class="pl-e">touch-icon-iphone4.png</span><span class="pl-s"><span class="pl-pds">"</span> rel=<span class="pl-pds">"</span></span><span class="pl-e">apple-touch-icon</span><span class="pl-s"><span class="pl-pds">"</span> sizes=<span class="pl-pds">"</span></span><span class="pl-e">114x114</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><link href=<span class="pl-pds">"</span></span>/<span class="pl-e">startup.png</span><span class="pl-s"><span class="pl-pds">"</span> rel=<span class="pl-pds">"</span></span><span class="pl-e">apple-touch-startup-image</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><link href=<span class="pl-pds">"</span></span><span class="pl-e">http:</span>//<span class="pl-e">github.com</span>/<span class="pl-e">images</span>/<span class="pl-e">touch-icon-iphone4.png</span><span class="pl-s"><span class="pl-pds">"</span> sizes=<span class="pl-pds">"</span></span><span class="pl-e">114x114</span><span class="pl-s"><span class="pl-pds">"</span> rel=<span class="pl-pds">"</span></span><span class="pl-e">apple-touch-icon-precomposed</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><link href=<span class="pl-pds">"</span></span><span class="pl-e">http:</span>//<span class="pl-e">github.com</span>/<span class="pl-e">images</span>/<span class="pl-e">touch-icon-ipad.png</span><span class="pl-s"><span class="pl-pds">"</span> sizes=<span class="pl-pds">"</span></span><span class="pl-e">72x72</span><span class="pl-s"><span class="pl-pds">"</span> rel=<span class="pl-pds">"</span></span><span class="pl-e">apple-touch-icon-precomposed</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><link href=<span class="pl-pds">"</span></span><span class="pl-e">http:</span>//<span class="pl-e">github.com</span>/<span class="pl-e">images</span>/<span class="pl-e">apple-touch-icon-57x57.png</span><span class="pl-s"><span class="pl-pds">"</span> sizes=<span class="pl-pds">"</span></span><span class="pl-e">57x57</span><span class="pl-s"><span class="pl-pds">"</span> rel=<span class="pl-pds">"</span></span><span class="pl-e">apple-touch-icon-precomposed</span><span class="pl-s"><span class="pl-pds">"</span>></span> |
Safari 9 Pinned tabs in El Capitan
1 2 3 | <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>mask-icon<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>website_icon.svg<span class="pl-pds">"</span></span> <span class="pl-e">color</span>=<span class="pl-s"><span class="pl-pds">"</span>red<span class="pl-pds">"</span></span>> |
Internet Explorer Meta Tags
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <<span class="pl-ent">meta</span> <span class="pl-e">http-equiv</span>=<span class="pl-s"><span class="pl-pds">"</span>Page-Enter<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>RevealTrans(Duration=2.0,Transition=2)<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">http-equiv</span>=<span class="pl-s"><span class="pl-pds">"</span>Page-Exit<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>RevealTrans(Duration=3.0,Transition=12)<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>mssmarttagspreventparsing<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>true<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>IE=edge,chrome=1<span class="pl-pds">"</span></span> <span class="pl-e">http-equiv</span>=<span class="pl-s"><span class="pl-pds">"</span>X-UA-Compatible<span class="pl-pds">"</span></span>/> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>msapplication-starturl<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>http://blog.reybango.com/about/<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>msapplication-window<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>width=800;height=600<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>msapplication-navbutton-color<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>red<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>application-name<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>Rey Bango Front-end Developer<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>msapplication-tooltip<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>Launch Rey Bango<span class="pl-pds">"</span></span><span class="pl-e">s</span> <span class="pl-e">Blog</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><meta name=<span class="pl-pds">"</span></span><span class="pl-e">msapplication-task</span><span class="pl-s"><span class="pl-pds">"</span> content=<span class="pl-pds">"</span></span><span class="pl-e">name</span>=<span class="pl-s">About;action-uri</span>=/<span class="pl-e">about</span>/<span class="pl-e">;icon-uri</span>=<span class="pl-s">/images/about.ico</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><meta name=<span class="pl-pds">"</span></span><span class="pl-e">msapplication-task</span><span class="pl-s"><span class="pl-pds">"</span> content=<span class="pl-pds">"</span></span><span class="pl-e">name</span>=<span class="pl-s">The</span> <span class="pl-e">Big</span> <span class="pl-e">List;action-uri</span>=<span class="pl-s">/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/;icon-uri</span>=/<span class="pl-e">images</span>/<span class="pl-e">list_links.ico</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><meta name=<span class="pl-pds">"</span></span><span class="pl-e">msapplication-task</span><span class="pl-s"><span class="pl-pds">"</span> content=<span class="pl-pds">"</span></span><span class="pl-e">name</span>=<span class="pl-s">jQuery</span> <span class="pl-e">Posts;action-uri</span>=<span class="pl-s">/category/jquery/;icon-uri</span>=/<span class="pl-e">images</span>/<span class="pl-e">jquery.ico</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><meta name=<span class="pl-pds">"</span></span><span class="pl-e">msapplication-task</span><span class="pl-s"><span class="pl-pds">"</span> content=<span class="pl-pds">"</span></span><span class="pl-e">name</span>=<span class="pl-s">Start</span> <span class="pl-e">Developing;action-uri</span>=<span class="pl-s">/category/javascript/;icon-uri</span>=/<span class="pl-e">images</span>/<span class="pl-e">script.ico</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><meta name=<span class="pl-pds">"</span></span><span class="pl-e">msvalidate.01</span><span class="pl-s"><span class="pl-pds">"</span> content=<span class="pl-pds">"</span></span><span class="pl-e">6E3AD52DC176461A3C81DD6E98003BC9</span><span class="pl-s"><span class="pl-pds">"</span>></span> <span class="pl-s"><meta http-equiv=<span class="pl-pds">"</span></span><span class="pl-e">cleartype</span><span class="pl-s"><span class="pl-pds">"</span> content=<span class="pl-pds">"</span></span><span class="pl-e">on</span><span class="pl-s"><span class="pl-pds">"</span>></span> |
Windows 8 Meta Tags
1 2 3 4 5 6 7 8 9 10 | <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>application-name<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span> Contoso<span class="pl-pds">"</span></span> /> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>msapplication-TileColor<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span> #009900<span class="pl-pds">"</span></span> /> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>msapplication-square70x70logo<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>images/smalltile.png<span class="pl-pds">"</span></span> /> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>msapplication-square150x150logo<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>images/mediumtile.png<span class="pl-pds">"</span></span> /> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>msapplication-wide310x150logo<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>images/widetile.png<span class="pl-pds">"</span></span> /> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>msapplication-square310x310logo<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>images/largetile.png<span class="pl-pds">"</span></span> /> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>msapplication-notification<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>frequency=30; polling-uri=notifications/contoso1.xml;</span> <span class="pl-s">polling-uri2=notifications/contoso2.xml; polling-uri3=notifications/contoso3.xml<span class="pl-pds">"</span></span> /> |
Blog Catalog Meta Tags
1 2 3 | <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>blogcatalog<span class="pl-pds">"</span></span>> |
Rails Meta Tags
1 2 3 4 | <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>csrf-param<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>authenticity_token<span class="pl-pds">"</span></span>> <<span class="pl-ent">meta</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>csrf-token<span class="pl-pds">"</span></span> <span class="pl-e">content</span>=<span class="pl-s"><span class="pl-pds">"</span>/bZVwvomkAnwAI1Qd37lFeewvpOIiackk9121fFwWwc=<span class="pl-pds">"</span></span>> |
HTML Link Tags
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>alternate<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>application/rss+xml<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>RSS<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://feeds.feedburner.com/martini<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>alternate<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>application/atom+xml<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Atom 0.3<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>https://example.com/feed.atom<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>shortcut icon<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>image/ico<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>/favicon.ico<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>fluid-icon<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>image/png<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>/fluid-icon.png<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>me<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>text/html<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://google.com/profiles/thenextweb<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>shortlink<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://blog.unto.net/?p=353<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>archives<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>May 2003<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://blog.unto.net/2003/05/<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>index<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>DeWitt Clinton<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://blog.unto.net/<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>start<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Pattern Recognition 1<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://blog.unto.net/photos/pattern_recognition_1_about/<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>bookmark<span class="pl-pds">"</span></span><span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Styleguide<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://paulrobertlloyd.com/about/styleguide/<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>search<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>/search.xml<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>application/opensearchdescription+xml<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Viatropos<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>self<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>application/atom+xml<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.syfyportal.com/atomFeed.php?page=3<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>first<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.syfyportal.com/atomFeed.php<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>next<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.syfyportal.com/atomFeed.php?page=4<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>previous<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.syfyportal.com/atomFeed.php?page=2<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>last<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.syfyportal.com/atomFeed.php?page=147<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>canonical<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://smallbiztrends.com/2010/06/9-things-to-do-before-entering-social-media.html<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>EditURI<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>application/rsd+xml<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>RSD<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://smallbiztrends.com/xmlrpc.php?rsd<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>pingback<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://smallbiztrends.com/xmlrpc.php<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">media</span>=<span class="pl-s"><span class="pl-pds">"</span>only screen and (max-device-width: 480px)<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://wordpress.org/style/iphone.css<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>text/css<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>wlwmanifest<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.example.com/wp-includes/wlwmanifest.xml<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>application/wlwmanifest+xml<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>help<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>FAQ<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>/faq<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>logo<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>image/svg<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>https://playfoursquare.s3.amazonaws.com/press/logo/foursquare-logo.svg<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>P3Pv1<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>/w3c/p3p.xml<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>publisher<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>https://plus.google.com/115081025762845243709/<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>image_src<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://du3itj18e4z0b.cloudfront.net/7b29fe/images/icon-facebook.gif<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>image/jpeg<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>author<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>humans.txt<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>text/plain<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://thenextweb.com/2009/01/08/how-to-snap-up-that-twitter-username-youve-always-wanted/<span class="pl-pds">"</span></span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>original-source<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>profile<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Microformats<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://microformats.org/profile/specs/<span class="pl-pds">"</span></span>> <<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>profile<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://gmpg.org/xfn/11<span class="pl-pds">"</span></span>> |
Kaynak:
Diğer Meta Etiketleri için kaynak:https://github.com/kevinSuttle/html-meta-tags
Yorum Yap