HTML Dosya Yollar\u0131n\u0131 Anlamak<\/p>\n
Web geli\u015ftirmede, \u00f6zellikle HTML dosyalar\u0131n\u0131zda di\u011fer dosyalara (resimler, CSS dosyalar\u0131, JavaScript dosyalar\u0131 vb.) nas\u0131l eri\u015fece\u011finizi bilmek \u00e7ok \u00f6nemlidir. Bu eri\u015fim, dosya yollar\u0131 arac\u0131l\u0131\u011f\u0131yla sa\u011flan\u0131r. Bu makalede, HTML dosya yollar\u0131n\u0131, \u00f6zellikle g\u00f6receli ve mutlak yollar\u0131 detayl\u0131 olarak inceleyece\u011fiz. \u00d6ncelikle temel kavramlar\u0131 ele alal\u0131m, daha sonra pratik \u00f6rneklerle peki\u015ftirelim.<\/p>\n
Mutlak yollar, sunucunuzun k\u00f6k dizininden ba\u015flayarak hedef dosyan\u0131n tam konumunu belirtir. Bu, her zaman ayn\u0131 kal\u0131r ve nerede olursan\u0131z olun dosyay\u0131 bulman\u0131z\u0131 sa\u011flar. \u00d6rne\u011fin, “\/images\/logo.png” yolu, sunucunuzun k\u00f6k dizinindeki “images” klas\u00f6r\u00fcnde bulunan “logo.png” dosyas\u0131n\u0131 g\u00f6sterir. Bu yol, sitene nereden eri\u015filirse eri\u015filsin ayn\u0131d\u0131r. Ba\u015fka bir deyi\u015fle, herhangi bir konumdan bu resme eri\u015febilirsiniz. Bu y\u00fczden mutlak yollar g\u00fcvenilirdir. Ancak sitenizin yap\u0131s\u0131n\u0131 de\u011fi\u015ftirmeniz durumunda bu yollar\u0131 da g\u00fcncellemeniz gerekebilir.<\/p>\n
\u00d6rnek kullan\u0131m:<\/p>\n
G\u00f6receli yollar ise, mevcut HTML dosyan\u0131zdan hedef dosyan\u0131n konumunu belirtir. Bu, daha esnek ve genellikle mutlak yollara g\u00f6re daha kullan\u0131\u015fl\u0131d\u0131r. \u00c7\u00fcnk\u00fc sitenizin yap\u0131s\u0131n\u0131 de\u011fi\u015ftirdi\u011finizde g\u00f6receli yollar\u0131 genellikle g\u00fcncellemeniz gerekmez. \u00d6rne\u011fin, mevcut HTML dosyan\u0131z “index.html” ve “images” klas\u00f6r\u00fc ayn\u0131 dizinde bulunuyorsa, “images\/logo.png” yolu, g\u00f6receli bir yoldur.<\/p>\n G\u00f6receli yollar\u0131 kullan\u0131rken dikkat etmeniz gereken noktalar vard\u0131r. \u00d6rne\u011fin, “images” klas\u00f6r\u00fc “index.html” dosyas\u0131n\u0131n \u00fcst dizininde bulunuyorsa, “..\/images\/logo.png” \u015feklinde bir yol kullanman\u0131z gerekir. “..”, bir \u00fcst dizini temsil eder. Yani, birden fazla \u00fcst dizine gitmeniz gerekiyorsa, “..\/..\/” \u015feklinde kullanabilirsiniz.<\/p>\n \u00d6rnek kullan\u0131m:<\/p>\n Hem mutlak hem de g\u00f6receli yollar, t\u00fcm dosya t\u00fcrleri i\u00e7in ayn\u0131 \u015fekilde \u00e7al\u0131\u015f\u0131r. \u00d6rne\u011fin, CSS dosyalar\u0131n\u0131 ba\u011flarken veya JavaScript dosyalar\u0131n\u0131 eklerken de ayn\u0131 y\u00f6ntemleri kullan\u0131rs\u0131n\u0131z. Bu yollar\u0131 do\u011fru kullanmak, sitenizin d\u00fczg\u00fcn \u00e7al\u0131\u015fmas\u0131 i\u00e7in elzemdir. Ayr\u0131ca kod okunabilirli\u011fi i\u00e7in de \u00f6nemlidir.<\/p>\n \u00d6rnek CSS ba\u011flant\u0131s\u0131 (g\u00f6receli yol):<\/p>\n \u00d6nemli Not: Dosya yollar\u0131n\u0131zda b\u00fcy\u00fck\/k\u00fc\u00e7\u00fck harf duyarl\u0131l\u0131\u011f\u0131na dikkat edin. Linux\/Unix tabanl\u0131 sistemlerde b\u00fcy\u00fck k\u00fc\u00e7\u00fck harf duyarl\u0131l\u0131\u011f\u0131 \u00f6nemlidir.<\/p>\n HTML dosya yollar\u0131n\u0131 anlamak, web geli\u015ftirmenin temel bir par\u00e7as\u0131d\u0131r. Hem mutlak hem de g\u00f6receli yollar\u0131n avantajlar\u0131n\u0131 ve dezavantajlar\u0131n\u0131 bilmek, daha d\u00fczenli, daha bak\u0131m\u0131 kolay ve daha ta\u015f\u0131nabilir web siteleri olu\u015fturman\u0131za yard\u0131mc\u0131 olacakt\u0131r. Bu bilgileri uygulayarak daha verimli bir web geli\u015ftirici olabilirsiniz. Daha fazla bilgi i\u00e7in fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz. Faydal\u0131 bulabilece\u011finiz ba\u015fka bir kaynak da burada<\/a>.<\/p>\n #Etiketler: HTML, Dosya Yolu, Relative Path, Absolute Path, Web Geli\u015ftirme, HTML Dosya Yollar\u0131, Fatih Soysal<img src=\"\/images\/logo.png\" alt=\"Logo\"><\/code><\/p>\nG\u00f6receli (Relative) Yollar<\/h2>\n
<img src=\"images\/logo.png\" alt=\"Logo\"><\/code><\/p>\nFarkl\u0131 Dosya T\u00fcrleri \u0130\u00e7in Yollar<\/h2>\n
<link rel=\"stylesheet\" href=\"style.css\"><\/code><\/p>\nSonu\u00e7<\/h2>\n
\n<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"HTML Dosya Yollar\u0131n\u0131 Anlamak Web geli\u015ftirmede, \u00f6zellikle HTML dosyalar\u0131n\u0131zda di\u011fer dosyalara (resimler, CSS dosyalar\u0131, JavaScript dosyalar\u0131 vb.) nas\u0131l…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-18975","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n