{"id":10055,"date":"2022-03-07T14:31:45","date_gmt":"2022-03-07T11:31:45","guid":{"rendered":"https:\/\/www.dopinger.com\/tr\/blog\/?p=10055"},"modified":"2023-11-03T19:57:26","modified_gmt":"2023-11-03T16:57:26","slug":"html-div-span-nedir","status":"publish","type":"post","link":"http:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir","title":{"rendered":"HTML Div ve Span Nedir?"},"content":{"rendered":"\n<p>Site tasar\u0131m\u0131 ile ilgilenen pek \u00e7ok ki\u015finin merak etti\u011fi \u201c<strong>HTML div ve span nedir?<\/strong>\u201d sorusunun cevab\u0131n\u0131 merak ediyor. Span ve Div, bir web sayfas\u0131n\u0131n ilgili b\u00f6l\u00fcmlerini birlikte kategorileyen genel HTML \u00f6\u011felerine verilen isimdir. Ancak, bu iki \u00f6\u011fe farkl\u0131 i\u015flevlere hizmet eder. \u00d6rne\u011fin, blok d\u00fczeyinde d\u00fczenleme ve sayfa \u00f6\u011felerinin stili i\u00e7in bir div \u00f6\u011fesi kullan\u0131l\u0131r. Ancak, sat\u0131r i\u00e7i d\u00fczenleme ve stil i\u00e7in bir span \u00f6\u011fesi kullan\u0131lmaktad\u0131r. Bu iki \u00f6\u011feyi daha detayl\u0131 inceleyerek ne olduklar\u0131na bir g\u00f6z atal\u0131m.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Div-Nedir\"><\/span>Div Nedir?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Div, genellikle sayfa i\u00e7eriklerini bloklara b\u00f6lmek i\u00e7in kullan\u0131lan genel bir blok \u00f6\u011fesidir. Bu durumdaki blok \u00f6\u011fesi, yeni bir sat\u0131r ba\u015flatan ve t\u00fcm sayfaya ya da ana kapsay\u0131c\u0131 sayfaya e\u015fit bir geni\u015fli\u011fe sahip bir sayfa \u00f6\u011fesi olarak kar\u015f\u0131m\u0131za \u00e7\u0131kar.<\/p>\n\n\n\n<p>Paragraflar\u0131, resimleri, ba\u015fl\u0131klar\u0131 ve ba\u011flant\u0131lar\u0131 bir kategori haline getirmek i\u00e7in div kullan\u0131m\u0131n\u0131 \u00e7ok s\u0131k g\u00f6receksiniz. \u00d6rnek vermek gerekirse, \u00fc\u00e7 paragrafa sahip bir makale bir div\u2019e eklenirken, ba\u011flant\u0131lar i\u00e7eren bir gezinme men\u00fcs\u00fc ba\u015fka bir div\u2019e ekleyebilirsiniz. B\u00f6ylece, div\u2019leri bu \u015fekilde kullanarak bir sayfan\u0131n farkl\u0131 b\u00f6l\u00fcmlerini tan\u0131mlamay\u0131 ve bu b\u00f6l\u00fcmler i\u00e7in <a href=\"https:\/\/www.dopinger.com\/tr\/blog\/css-nedir\" target=\"_blank\" rel=\"noreferrer noopener\">CSS<\/a> stil uygulamay\u0131 daha kolay bir hale getirebilirsiniz.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"875\" height=\"640\" src=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/div.jpg\" alt=\"div\" class=\"wp-image-10282\" srcset=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/div.jpg 875w, https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/div-768x562.jpg 768w\" sizes=\"(max-width: 875px) 100vw, 875px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Div-Etiketinin-Avantajlari-Nelerdir\"><\/span>Div Etiketinin Avantajlar\u0131 Nelerdir?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Web site kullan\u0131m\u0131nda div kullanman\u0131n pek \u00e7ok faydas\u0131 vard\u0131r. A\u015fa\u011f\u0131da yer alan maddelerde div etiketinin faydalar\u0131n\u0131 g\u00f6rebilirsiniz:<\/p>\n\n\n\n<p>Sayfalar\u0131n\u0131z daha h\u0131zl\u0131 y\u00fcklenir: Web sitenizi div ile tasarlad\u0131\u011f\u0131n\u0131zda daha az kod kullanm\u0131\u015f olursunuz ve siteniz daha h\u0131zl\u0131 y\u00fcklenir.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>D\u00fc\u015f\u00fck<\/strong> <strong>bar\u0131nd\u0131rma \u00fccretlerine sahip olursunuz:<\/strong> Daha h\u0131zl\u0131 y\u00fcklenen siteler bant geni\u015fli\u011finin daha az kullan\u0131lmas\u0131 anlam\u0131na gelir. Bunun sonucunda ise bar\u0131nd\u0131rma hizmeti ald\u0131\u011f\u0131n\u0131z servise daha az \u00fccret \u00f6dersiniz.<\/li>\n\n\n\n<li><strong>Daha \u00e7ok verimlilik:<\/strong> Bu etiket ile i\u00e7erik d\u00fczeniniz stillere ayr\u0131lm\u0131\u015f olur. B\u00f6ylelikle CSS ile daha kolay bir \u015fekilde yeniden tasarlayabilir ve kolayl\u0131kla g\u00fcncelleme yapabilirsiniz.<\/li>\n\n\n\n<li><strong>SEO\u2019nuz geli\u015fir:<\/strong> Sitenizde yer alacak daha az kod ve kodlar\u0131n daha d\u00fczenli bir \u015fekilde olmas\u0131, arama motorlar\u0131n\u0131n sitenizi daha kolay bir \u015fekilde indekslemesi anlam\u0131na gelir. B\u00fcy\u00fck arama motorlar\u0131, div ile d\u00fczenlenmi\u015f sitelere \u00f6ncelik verir. Bu da SEO\u2019nuzu geli\u015ftirece\u011fi anlam\u0131na gelir.<\/li>\n\n\n\n<li><strong>Yeniden tasarlamak daha uygun:<\/strong> Farkl\u0131 tasar\u0131mla kolay bir \u015fekilde sitenize adapte edebilirsiniz.<\/li>\n<\/ul>\n\n\n\n<p>Div etiketi bir blok d\u00fczeyinde yer alan unsurdur. Bu nedenle, a\u00e7\u0131ld\u0131\u011f\u0131nda ve kapand\u0131\u011f\u0131nda, bir alt sat\u0131ra ge\u00e7mektedir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Div-Etiketi-ve-Site-Yapisi\"><\/span>Div Etiketi ve Site Yap\u0131s\u0131<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Div etiketinin yayg\u0131n kullan\u0131m alan\u0131 sayfa d\u00fczenidir. CSS arac\u0131l\u0131\u011f\u0131 ile div etiketi site i\u00e7erisinde her alana yerle\u015ftirilebilir. \u00d6rnek site yap\u0131s\u0131 i\u00e7erisindeki alanlar ise \u015f\u00f6yledir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Header:<\/strong> Site ba\u015fl\u0131\u011f\u0131 ve a\u00e7\u0131klama i\u00e7eri\u011finin yer ald\u0131\u011f\u0131 b\u00f6l\u00fcmd\u00fcr.<\/li>\n\n\n\n<li><strong>Nav:<\/strong> Men\u00fcler ve gezinti nav alan\u0131 i\u00e7erisinde yer al\u0131r.<\/li>\n\n\n\n<li><strong>Section:<\/strong> Genel b\u00f6l\u00fcmlerin yer ald\u0131\u011f\u0131 k\u0131s\u0131md\u0131r. Bir ba\u015fl\u0131\u011fa ve alt alana sahip olan bir makale burada yer alabilir.<\/li>\n\n\n\n<li><strong>Article:<\/strong> Makale ya da bir yaz\u0131n\u0131n yer ald\u0131\u011f\u0131 b\u00f6l\u00fcmd\u00fcr. Burada bir blog yaz\u0131s\u0131, haber gibi bir i\u00e7erik olabilir.<\/li>\n\n\n\n<li><strong>Aside:<\/strong> Ana i\u00e7erikten ayr\u0131 bir \u015fekilde yaz\u0131lan ba\u011flant\u0131n\u0131n yer ald\u0131\u011f\u0131 b\u00f6l\u00fcmd\u00fcr.<\/li>\n\n\n\n<li><strong>Footer:<\/strong> Altalan\u0131n yer ald\u0131\u011f\u0131 k\u0131s\u0131md\u0131r. Bu k\u0131s\u0131m bir sayfan\u0131n alt alan\u0131 olabilece\u011fi gibi bir b\u00f6l\u00fcm\u00fcn alt alan\u0131 da olabilir.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"279\" height=\"202\" src=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/div-etiketi.jpg\" alt=\"div etiketi\" class=\"wp-image-10283\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Span-Nedir\"><\/span>Span Nedir?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Span \u00f6\u011fesi, genel olarak sat\u0131r i\u00e7i i\u00e7eri\u011fin bir b\u00f6l\u00fcm\u00fcne stil uygulamak i\u00e7in kullan\u0131lan genel bir sat\u0131r i\u00e7i \u00f6\u011fesidir. Sat\u0131r i\u00e7i \u00f6\u011fesi yeni bir sat\u0131r ba\u015flatmaz ve sayfada yaln\u0131zca i\u00e7eri\u011fi kadar yer kaplar. Bu etiketleri, span i\u00e7erikle ayn\u0131 hizada g\u00f6r\u00fcnen metin, ba\u011flant\u0131, resim ve di\u011fer HTML \u00f6\u011felerinin k\u00fc\u00e7\u00fck b\u00f6l\u00fcmlerinde kullan\u0131l\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"HTML-Div-ve-Span-Arasindaki-Fark-Nedir\"><\/span>HTML Div ve Span Aras\u0131ndaki Fark Nedir?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Div&#8217;ler ve span alanlar\u0131 en yayg\u0131n HTML \u00f6\u011feleri aras\u0131nda yer al\u0131r. HTML sayfalar\u0131n\u0131z\u0131 tam olarak belirledi\u011finiz \u00f6zelliklere g\u00f6re yap\u0131land\u0131rman\u0131za ve bi\u00e7imlendirmenize sa\u011flarlar. Her iki etiketin de sahip oldu\u011fu \u00f6zellikler vard\u0131r. Bu etiketlerin aralar\u0131ndaki farklar\u0131 anlamak, her birini do\u011fru ve yaln\u0131zca gerekti\u011finde kullanman\u0131z\u0131 sa\u011flar. Sonu\u00e7 olarak, bu sizi yolda \u00e7ok fazla kafa kar\u0131\u015f\u0131kl\u0131\u011f\u0131ndan ve \u00e7\u00f6p olan koddan kurtaracakt\u0131r.<\/p>\n\n\n\n<p>HTML div ve span etiketleri hem CSS hem de web sayfa tasar\u0131m\u0131nda \u00f6nemli bir role sahiptir. Bu kodlar, web sayfalar\u0131n d\u00fczenlerinde ihtiya\u00e7 duyulur ve sayfalar\u0131n belirli k\u0131s\u0131mlar\u0131nda bu etiketlere \u00f6zellikler atar. Div&#8217;ler web d\u00fczeninde kullan\u0131l\u0131rken, span etiketi genelde tablolar\u0131n yerini almaktad\u0131r. Her iki etiketin de nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 anlamak i\u00e7in web sayfas\u0131n\u0131n tasar\u0131m\u0131nda CSS kullanmak \u00f6nemli bir yere sahiptir.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"940\" height=\"492\" src=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/spanvdiv.jpg\" alt=\"span div aras\u0131ndaki farklar\" class=\"wp-image-10063\" srcset=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/spanvdiv.jpg 940w, https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/spanvdiv-768x402.jpg 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"HTML-Div-ve-Span-Ne-Zaman-Kullanilmali\"><\/span>HTML Div ve Span Ne Zaman Kullan\u0131lmal\u0131?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Yukar\u0131daki \u00f6rneklerde g\u00f6sterildi\u011fi gibi, div ve span, web sayfalar\u0131n\u0131 \u015fekillendirmek ve yap\u0131land\u0131rmak i\u00e7in kullan\u0131\u015fl\u0131 etiketlerdir. Bu \u00f6\u011felere id ya da s\u0131n\u0131f nitelikleri atamak ve bunlar\u0131 <a href=\"https:\/\/www.dopinger.com\/tr\/blog\/css-nedir\" target=\"_blank\" rel=\"noreferrer noopener\">CSS <\/a>kurallar\u0131yla bir araya getirmek basit bir i\u015flemdir. Genellikle bir metin sat\u0131r\u0131ndaki bir kelime gibi sat\u0131r i\u00e7i i\u00e7eri\u011fe stil vermek i\u00e7in kullan\u0131lan span etiketlerini g\u00f6r\u00fcrs\u00fcn\u00fcz. Div etiketleri ise daha b\u00fcy\u00fck i\u00e7erik b\u00f6l\u00fcmlerine stil vermeli veya alt \u00f6\u011feler i\u00e7in bir kap g\u00f6revi g\u00f6rmelidir. Daha karma\u015f\u0131k web sayfalar\u0131, genellikle farkl\u0131 sayfa b\u00f6lgelerini ve alt b\u00f6lgeleri temsil etmek i\u00e7in i\u00e7 i\u00e7e yerle\u015ftirerek div&#8217;leri yo\u011fun bir \u015fekilde kullan\u0131r.<\/p>\n\n\n\n<p>Yeni bir sayfa \u00f6\u011fesi eklemek istedi\u011finiz her zaman bu etiketleri kullanmak caziptir. \u00d6rne\u011fin, &lt;p&gt; etiketi yerine &lt;div&gt; etiketi kullanmak iyi sonu\u00e7lar do\u011furur. Bununla birlikte, bu etiketlerin kullan\u0131mlar\u0131n\u0131 m\u00fcmk\u00fcn oldu\u011funca s\u0131n\u0131rlamak, web geli\u015ftirme noktas\u0131nda iyi bir uygulama olarak kabul edilmektedir.<\/p>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\">   <\/div>\n\n\n\n<p><\/p>\n\n    <div class=\"container m-0 p-0 pm-faq\">\n            <h2 class=\"accordion-title\"><span class=\"ez-toc-section\" id=\"Hakkinda-Sikca-Sorulan-Sorular\"><\/span> Hakk\u0131nda S\u0131k\u00e7a Sorulan Sorular<span class=\"ez-toc-section-end\"><\/span><\/h2>\n        <div class=\"faq accordion faq-drop\" id=\"accordion\">\n            <div class=\"col-md-12 faq-card m-0 p-0\">\n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading0\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_0\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_0\">\n                            HTML Div ve Span Nedir?\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_0\" class=\"collapse\" aria-labelledby=\"heading0\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>Div ve Span, web sitenin d\u00fczeni i\u00e7in kullan\u0131lan etiketlerdir.<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        \n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading1\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_1\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_1\">\n                            Span ve Div Etiketlerinin Fark\u0131 Nedir?\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_1\" class=\"collapse\" aria-labelledby=\"heading1\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>Div etiketi web d\u00fczeninde kullan\u0131l\u0131rken, span etiketi tablolar i\u00e7in kullan\u0131lmaktad\u0131r.<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        \n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading2\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_2\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_2\">\n                            HTML Div ve Span SEO\u2019ya Etki Eder mi?\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_2\" class=\"collapse\" aria-labelledby=\"heading2\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>Div ve Span etiketleri sayesinde web sitenizin arama motorlar\u0131 taraf\u0131ndan indekslenmesi daha kolay olur. Bu nedenle, div ve span etiketlerinin SEO\u2019nuzu geli\u015ftirdi\u011fini s\u00f6ylemek m\u00fcmk\u00fcnd\u00fcr.<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        <\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Site tasar\u0131m\u0131 ile ilgilenen pek \u00e7ok ki\u015finin merak etti\u011fi \u201cHTML div ve span nedir?\u201d sorusunun cevab\u0131n\u0131 merak ediyor. Span ve Div, bir web sayfas\u0131n\u0131n ilgili b\u00f6l\u00fcmlerini birlikte kategorileyen genel HTML \u00f6\u011felerine verilen isimdir. Ancak, bu iki \u00f6\u011fe farkl\u0131 i\u015flevlere hizmet eder. \u00d6rne\u011fin, blok d\u00fczeyinde d\u00fczenleme ve sayfa \u00f6\u011felerinin stili i\u00e7in [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":15263,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-10055","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknik-seo","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML Div ve Span Nedir? Aras\u0131ndaki Farklar Nelerdir? - Dopinger<\/title>\n<meta name=\"description\" content=\"HTML div ve span hakk\u0131nda detayl\u0131 bilgi ayr\u0131ca span ve div aras\u0131ndaki farklar\u0131 \u00f6\u011frenmek istiyorsan\u0131z blog yaz\u0131m\u0131za bir g\u00f6z at\u0131n!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Div ve Span Nedir? Aras\u0131ndaki Farklar Nelerdir? - Dopinger\" \/>\n<meta property=\"og:description\" content=\"HTML div ve span hakk\u0131nda detayl\u0131 bilgi ayr\u0131ca span ve div aras\u0131ndaki farklar\u0131 \u00f6\u011frenmek istiyorsan\u0131z blog yaz\u0131m\u0131za bir g\u00f6z at\u0131n!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir\" \/>\n<meta property=\"og:site_name\" content=\"SEO &amp; Dijital Pazarlama Blogu\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dopingertr\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-07T11:31:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-03T16:57:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/html-div-span.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1248\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Batuhan Durmaz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@durmazbatuhann\" \/>\n<meta name=\"twitter:site\" content=\"@dopingertr\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Batuhan Durmaz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir\"},\"author\":{\"name\":\"Batuhan Durmaz\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/7ca4d97a802b458f361a004568af0205\"},\"headline\":\"HTML Div ve Span Nedir?\",\"datePublished\":\"2022-03-07T11:31:45+00:00\",\"dateModified\":\"2023-11-03T16:57:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir\"},\"wordCount\":1142,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#primaryimage\"},\"thumbnailUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/html-div-span.jpg\",\"articleSection\":[\"Teknik SEO\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir\",\"name\":\"HTML Div ve Span Nedir? Aras\u0131ndaki Farklar Nelerdir? - Dopinger\",\"isPartOf\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#primaryimage\"},\"thumbnailUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/html-div-span.jpg\",\"datePublished\":\"2022-03-07T11:31:45+00:00\",\"dateModified\":\"2023-11-03T16:57:26+00:00\",\"description\":\"HTML div ve span hakk\u0131nda detayl\u0131 bilgi ayr\u0131ca span ve div aras\u0131ndaki farklar\u0131 \u00f6\u011frenmek istiyorsan\u0131z blog yaz\u0131m\u0131za bir g\u00f6z at\u0131n!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646630916426\"},{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631646907\"},{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631686318\"}],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#primaryimage\",\"url\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/html-div-span.jpg\",\"contentUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/html-div-span.jpg\",\"width\":1248,\"height\":832,\"caption\":\"html div span\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.dopinger.com\/tr\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SEO\",\"item\":\"https:\/\/www.dopinger.com\/tr\/blog\/seo\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Teknik SEO\",\"item\":\"https:\/\/www.dopinger.com\/tr\/blog\/seo\/teknik-seo\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"HTML Div ve Span Nedir?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#website\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/\",\"name\":\"Dopinger SEO ve Dijital Pazarlama Ajans\u0131\",\"description\":\"Dijital pazarlama ve SEO hakk\u0131nda yaz\u0131lan makalelere Dopinger blog adresinden ula\u015fabilirsiniz.\",\"publisher\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#organization\"},\"alternateName\":\"Dopinger\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dopinger.com\/tr\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#organization\",\"name\":\"Dopinger\",\"alternateName\":\"Dopinger SEO ve Dijital Pazarlama Ajans\u0131\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png\",\"contentUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png\",\"width\":157,\"height\":48,\"caption\":\"Dopinger\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/dopingertr\/\",\"https:\/\/x.com\/dopingertr\",\"https:\/\/www.instagram.com\/dopingertr\/\",\"https:\/\/www.linkedin.com\/company\/dopinger-trr\/\",\"https:\/\/tr.pinterest.com\/dopingerseo\/\",\"https:\/\/www.youtube.com\/dopingertr\",\"https:\/\/www.udemy.com\/user\/dopingertr\/\",\"https:\/\/accessland.live\/profile\/bilgi-a3c9C\",\"https:\/\/www.tiktok.com\/@dijitalpazarlama\",\"https:\/\/www.reddit.com\/user\/dopigertr\",\"https:\/\/soundcloud.com\/dopinger-tr\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/7ca4d97a802b458f361a004568af0205\",\"name\":\"Batuhan Durmaz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/batuhan-durmaz-96x96.jpg\",\"contentUrl\":\"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/batuhan-durmaz-96x96.jpg\",\"caption\":\"Batuhan Durmaz\"},\"description\":\"SEO uzman\u0131 Batuhan Durmaz; Jengal Yaz\u0131l\u0131m\u2019da SEO uzman\u0131 olarak g\u00f6rev almakta, kendi sitesi batuhandurmaz.com \u00fczerinden blog yaz\u0131lar\u0131 yay\u0131nlamakta ve Youtube kanal\u0131 \u00fczerinden video i\u00e7erikleri \u00fcretmektedir. Ayr\u0131ca Web sitelerinin dijital varl\u0131klar\u0131n\u0131 g\u00fc\u00e7lendirmek ve organik trafiklerini art\u0131rmak ad\u0131na profesyonel \u00e7\u00f6z\u00fcmler \u00fcretmektedir. 4 y\u0131ld\u0131r yerel ve uluslararas\u0131 projelerde SEO \u00e7al\u0131\u015fmalar\u0131na dahil olmaktad\u0131r. 2 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir Dopinger SEO ve Dijital pazarlama ajans\u0131nda SEO analist ve tak\u0131m lideri olarak \u00e7al\u0131\u015fmaktad\u0131r. Dopinger SEO ekibi ile birlikte T\u00fcrkiye'den ve D\u00fcnya genelinden projelerde web sitelerinin dijital varl\u0131klar\u0131n\u0131 art\u0131rma odakl\u0131 \u00e7al\u0131\u015fmalar y\u00fcr\u00fctmektedir. Batuhan Durmaz; Teknik SEO, Site \u0130\u00e7i SEO, Zapier, Site D\u0131\u015f\u0131 SEO ve WordPress SEO gibi konularda uzmanl\u0131\u011f\u0131ndan ve deneyiminden yararlanarak Dopinger \u00fczerinde blog i\u00e7erikleri \u00fcretmektedir.\",\"sameAs\":[\"https:\/\/www.dopinger.com\/tr\/blog\/author\/batuhandurmaz\",\"https:\/\/www.instagram.com\/batuhannddurmazz\/\",\"https:\/\/www.linkedin.com\/feed\/\",\"https:\/\/x.com\/durmazbatuhann\",\"https:\/\/www.youtube.com\/channel\/UCu8_NGDvDWUS23GPt7e8eSg\",\"https:\/\/soundcloud.com\/batuhandurmaz\"],\"url\":\"http:\/\/www.dopinger.com\/tr\/blog\/author\/batuhandurmaz\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646630916426\",\"position\":1,\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646630916426\",\"name\":\"HTML Div ve Span Nedir?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Div ve Span, web sitenin d\u00fczeni i\u00e7in kullan\u0131lan etiketlerdir.\",\"inLanguage\":\"tr\"},\"inLanguage\":\"tr\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631646907\",\"position\":2,\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631646907\",\"name\":\"Span ve Div Etiketlerinin Fark\u0131 Nedir?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Div etiketi web d\u00fczeninde kullan\u0131l\u0131rken, span etiketi tablolar i\u00e7in kullan\u0131lmaktad\u0131r.\",\"inLanguage\":\"tr\"},\"inLanguage\":\"tr\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631686318\",\"position\":3,\"url\":\"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631686318\",\"name\":\"HTML Div ve Span SEO\u2019ya Etki Eder mi?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Div ve Span etiketleri sayesinde web sitenizin arama motorlar\u0131 taraf\u0131ndan indekslenmesi daha kolay olur. Bu nedenle, div ve span etiketlerinin SEO\u2019nuzu geli\u015ftirdi\u011fini s\u00f6ylemek m\u00fcmk\u00fcnd\u00fcr.\",\"inLanguage\":\"tr\"},\"inLanguage\":\"tr\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Div ve Span Nedir? Aras\u0131ndaki Farklar Nelerdir? - Dopinger","description":"HTML div ve span hakk\u0131nda detayl\u0131 bilgi ayr\u0131ca span ve div aras\u0131ndaki farklar\u0131 \u00f6\u011frenmek istiyorsan\u0131z blog yaz\u0131m\u0131za bir g\u00f6z at\u0131n!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir","og_locale":"tr_TR","og_type":"article","og_title":"HTML Div ve Span Nedir? Aras\u0131ndaki Farklar Nelerdir? - Dopinger","og_description":"HTML div ve span hakk\u0131nda detayl\u0131 bilgi ayr\u0131ca span ve div aras\u0131ndaki farklar\u0131 \u00f6\u011frenmek istiyorsan\u0131z blog yaz\u0131m\u0131za bir g\u00f6z at\u0131n!","og_url":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir","og_site_name":"SEO &amp; Dijital Pazarlama Blogu","article_publisher":"https:\/\/www.facebook.com\/dopingertr\/","article_published_time":"2022-03-07T11:31:45+00:00","article_modified_time":"2023-11-03T16:57:26+00:00","og_image":[{"width":1248,"height":832,"url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/html-div-span.jpg","type":"image\/jpeg"}],"author":"Batuhan Durmaz","twitter_card":"summary_large_image","twitter_creator":"@durmazbatuhann","twitter_site":"@dopingertr","twitter_misc":{"Yazan:":"Batuhan Durmaz","Tahmini okuma s\u00fcresi":"6 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#article","isPartOf":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir"},"author":{"name":"Batuhan Durmaz","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/7ca4d97a802b458f361a004568af0205"},"headline":"HTML Div ve Span Nedir?","datePublished":"2022-03-07T11:31:45+00:00","dateModified":"2023-11-03T16:57:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir"},"wordCount":1142,"commentCount":0,"publisher":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#organization"},"image":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#primaryimage"},"thumbnailUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/html-div-span.jpg","articleSection":["Teknik SEO"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir","url":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir","name":"HTML Div ve Span Nedir? Aras\u0131ndaki Farklar Nelerdir? - Dopinger","isPartOf":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#primaryimage"},"image":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#primaryimage"},"thumbnailUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/html-div-span.jpg","datePublished":"2022-03-07T11:31:45+00:00","dateModified":"2023-11-03T16:57:26+00:00","description":"HTML div ve span hakk\u0131nda detayl\u0131 bilgi ayr\u0131ca span ve div aras\u0131ndaki farklar\u0131 \u00f6\u011frenmek istiyorsan\u0131z blog yaz\u0131m\u0131za bir g\u00f6z at\u0131n!","breadcrumb":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646630916426"},{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631646907"},{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631686318"}],"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#primaryimage","url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/html-div-span.jpg","contentUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/html-div-span.jpg","width":1248,"height":832,"caption":"html div span"},{"@type":"BreadcrumbList","@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.dopinger.com\/tr\/blog"},{"@type":"ListItem","position":2,"name":"SEO","item":"https:\/\/www.dopinger.com\/tr\/blog\/seo"},{"@type":"ListItem","position":3,"name":"Teknik SEO","item":"https:\/\/www.dopinger.com\/tr\/blog\/seo\/teknik-seo"},{"@type":"ListItem","position":4,"name":"HTML Div ve Span Nedir?"}]},{"@type":"WebSite","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#website","url":"https:\/\/www.dopinger.com\/tr\/blog\/","name":"Dopinger SEO ve Dijital Pazarlama Ajans\u0131","description":"Dijital pazarlama ve SEO hakk\u0131nda yaz\u0131lan makalelere Dopinger blog adresinden ula\u015fabilirsiniz.","publisher":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#organization"},"alternateName":"Dopinger","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dopinger.com\/tr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#organization","name":"Dopinger","alternateName":"Dopinger SEO ve Dijital Pazarlama Ajans\u0131","url":"https:\/\/www.dopinger.com\/tr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png","contentUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2022\/03\/dopinger-blog-logo.png","width":157,"height":48,"caption":"Dopinger"},"image":{"@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/dopingertr\/","https:\/\/x.com\/dopingertr","https:\/\/www.instagram.com\/dopingertr\/","https:\/\/www.linkedin.com\/company\/dopinger-trr\/","https:\/\/tr.pinterest.com\/dopingerseo\/","https:\/\/www.youtube.com\/dopingertr","https:\/\/www.udemy.com\/user\/dopingertr\/","https:\/\/accessland.live\/profile\/bilgi-a3c9C","https:\/\/www.tiktok.com\/@dijitalpazarlama","https:\/\/www.reddit.com\/user\/dopigertr","https:\/\/soundcloud.com\/dopinger-tr"]},{"@type":"Person","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/7ca4d97a802b458f361a004568af0205","name":"Batuhan Durmaz","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.dopinger.com\/tr\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/batuhan-durmaz-96x96.jpg","contentUrl":"https:\/\/www.dopinger.com\/tr\/blog\/wp-content\/uploads\/2022\/10\/batuhan-durmaz-96x96.jpg","caption":"Batuhan Durmaz"},"description":"SEO uzman\u0131 Batuhan Durmaz; Jengal Yaz\u0131l\u0131m\u2019da SEO uzman\u0131 olarak g\u00f6rev almakta, kendi sitesi batuhandurmaz.com \u00fczerinden blog yaz\u0131lar\u0131 yay\u0131nlamakta ve Youtube kanal\u0131 \u00fczerinden video i\u00e7erikleri \u00fcretmektedir. Ayr\u0131ca Web sitelerinin dijital varl\u0131klar\u0131n\u0131 g\u00fc\u00e7lendirmek ve organik trafiklerini art\u0131rmak ad\u0131na profesyonel \u00e7\u00f6z\u00fcmler \u00fcretmektedir. 4 y\u0131ld\u0131r yerel ve uluslararas\u0131 projelerde SEO \u00e7al\u0131\u015fmalar\u0131na dahil olmaktad\u0131r. 2 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir Dopinger SEO ve Dijital pazarlama ajans\u0131nda SEO analist ve tak\u0131m lideri olarak \u00e7al\u0131\u015fmaktad\u0131r. Dopinger SEO ekibi ile birlikte T\u00fcrkiye'den ve D\u00fcnya genelinden projelerde web sitelerinin dijital varl\u0131klar\u0131n\u0131 art\u0131rma odakl\u0131 \u00e7al\u0131\u015fmalar y\u00fcr\u00fctmektedir. Batuhan Durmaz; Teknik SEO, Site \u0130\u00e7i SEO, Zapier, Site D\u0131\u015f\u0131 SEO ve WordPress SEO gibi konularda uzmanl\u0131\u011f\u0131ndan ve deneyiminden yararlanarak Dopinger \u00fczerinde blog i\u00e7erikleri \u00fcretmektedir.","sameAs":["https:\/\/www.dopinger.com\/tr\/blog\/author\/batuhandurmaz","https:\/\/www.instagram.com\/batuhannddurmazz\/","https:\/\/www.linkedin.com\/feed\/","https:\/\/x.com\/durmazbatuhann","https:\/\/www.youtube.com\/channel\/UCu8_NGDvDWUS23GPt7e8eSg","https:\/\/soundcloud.com\/batuhandurmaz"],"url":"http:\/\/www.dopinger.com\/tr\/blog\/author\/batuhandurmaz"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646630916426","position":1,"url":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646630916426","name":"HTML Div ve Span Nedir?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Div ve Span, web sitenin d\u00fczeni i\u00e7in kullan\u0131lan etiketlerdir.","inLanguage":"tr"},"inLanguage":"tr"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631646907","position":2,"url":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631646907","name":"Span ve Div Etiketlerinin Fark\u0131 Nedir?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Div etiketi web d\u00fczeninde kullan\u0131l\u0131rken, span etiketi tablolar i\u00e7in kullan\u0131lmaktad\u0131r.","inLanguage":"tr"},"inLanguage":"tr"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631686318","position":3,"url":"https:\/\/www.dopinger.com\/tr\/blog\/html-div-span-nedir#faq-question-1646631686318","name":"HTML Div ve Span SEO\u2019ya Etki Eder mi?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Div ve Span etiketleri sayesinde web sitenizin arama motorlar\u0131 taraf\u0131ndan indekslenmesi daha kolay olur. Bu nedenle, div ve span etiketlerinin SEO\u2019nuzu geli\u015ftirdi\u011fini s\u00f6ylemek m\u00fcmk\u00fcnd\u00fcr.","inLanguage":"tr"},"inLanguage":"tr"}]}},"_links":{"self":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/posts\/10055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/comments?post=10055"}],"version-history":[{"count":0,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/posts\/10055\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/media\/15263"}],"wp:attachment":[{"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/media?parent=10055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/categories?post=10055"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.dopinger.com\/tr\/blog\/wp-json\/wp\/v2\/tags?post=10055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}