{"id":1609,"date":"2005-07-05T06:57:00","date_gmt":"2005-07-05T06:57:00","guid":{"rendered":"http:\/\/gurkan.wordpress.com\/?p=1609"},"modified":"2017-09-07T07:26:52","modified_gmt":"2017-09-07T07:26:52","slug":"xhtml-nedir","status":"publish","type":"post","link":"https:\/\/www.havatopraksu.org\/blog\/2005\/07\/05\/xhtml-nedir\/","title":{"rendered":"XHTML nedir?"},"content":{"rendered":"<p>\nXHTML&rsquo;in ismi EXtensible Hypertext Markup Language kelimelerinden t&uuml;remi&#351;tir.<br \/>\nAmac&#305; HTML&rsquo;yi ortadan kald&#305;rmakt&#305;r. HTML 4.01 s&uuml;r&uuml;m&uuml; ile benzer bir &ccedil;ok y&ouml;n&uuml;<br \/>\nvard&#305;r. XHTML HTML&rsquo;nin daha kolay anla&#351;&#305;l&#305;r ve kuralc&#305; s&uuml;r&uuml;m&uuml;d&uuml;r de diyebiliriz.<br \/>\nXHTML HTML&rsquo;nin XML olarak d&uuml;zenlenmi&#351; halidir.<\/p>\n<p>XHTML bir web standard&#305; olarak 26 Ocak 2000&rsquo;de W3C taraf&#305;ndan kabul edilmi&#351;tir.<br \/>\nXHTML normalde kullan&#305;lan HTML&rsquo;nin yeni nesil s&uuml;r&uuml;m&uuml; oldu&#287;u i&ccedil;in web gezginleri<br \/>\nve di&#287;er uygulamalar taraf&#305;ndan kabul edilmesi zaman alacakt&#305;r. Bu arada<br \/>\n&ouml;r&uuml;tba&#287;&#305; uygulamalar&#305;n&#305;z&#305; mevcut XHTML standard&#305;na getirmek istiyorsan&#305;z HTML<br \/>\n4.01 s&uuml;r&uuml;m&uuml; ile uygun hale getirmek ile i&#351;e ba&#351;layabilirsiniz. A&#351;a&#287;&#305;daki 10<br \/>\nkural&#305; da uygularsan&#305;z uygulamalar&#305;n&#305;z XHTML uyumlu hale gelecektir.<\/p>\n<p>1. D&ouml;k&uuml;manlar XML uyumlu olmal&#305;d&#305;r.<br \/>\nHTML&rsquo;de ge&ccedil;erli olan bu kod:<br \/>\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <font face=\"Courier New\">&lt;b&gt;&lt;i&gt;Bu<br \/>\nyaz&#305; kal&#305;n ve yat&#305;kt&#305;r&lt;\/b&gt;&lt;\/i&gt;<\/font><br \/>\nXHTML&rsquo;de ge&ccedil;erli de&#287;ildir. Elemanlar d&uuml;zg&uuml;n bi&ccedil;imde i&ccedil; i&ccedil;e ge&ccedil;melidir.<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;b&gt;&lt;i&gt;Bu yaz&#305; kal&#305;n ve<br \/>\nitaliktir&lt;\/i&gt;&lt;\/b&gt;<\/font><br \/>\nT&uuml;m XHTML elemanlar&#305; &lt;html&gt; k&ouml;k eleman&#305; i&ccedil;inde bulunmal&#305;d&#305;r. Di&#287;er t&uuml;m elemanlar<br \/>\nalt elemanlara sahip olabilir. Alt elemanlar&#305;n ba&#351;lang&#305;&ccedil; ve biti&#351; taglar&#305; olmal&#305;<br \/>\nve do&#287;ru bi&ccedil;imde i&ccedil; i&ccedil;e ge&ccedil;melidir. Temel d&ouml;k&uuml;man yap&#305;s&#305; &#351;u &#351;ekilde olmal&#305;d&#305;r.<\/p>\n<p>&nbsp;&nbsp;&nbsp; <font face=\"Courier New\">&nbsp;&nbsp; &lt;html&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;head&gt;&#8230;&#8230;.&lt;\/head&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;body&gt;&#8230;&#8230;.&lt;\/body&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;\/html&gt;<\/font><\/p>\n<p>2. T&uuml;m elemanlar k&uuml;&ccedil;&uuml;k harfler kullan&#305;larak yaz&#305;lmal&#305;d&#305;r. XHTML bir XML<br \/>\nuygulamas&#305;d&#305;r ve XML&rsquo;de k&uuml;&ccedil;&uuml;k b&uuml;y&uuml;k harf ayr&#305;m&#305; vard&#305;r. &Ouml;rne&#287;in &lt;BR&gt; ve &lt;br&gt;<br \/>\ntaglar&#305; farkl&#305; bi&ccedil;imde yorumlan&#305;r.<br \/>\nBu yaz&#305;m yanl&#305;&#351;d&#305;r.<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;BODY&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;P&gt;Bu bir paragrafd&#305;r&lt;\/P&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;\/BODY&gt;<\/font><br \/>\nBu yaz&#305;m ise do&#287;rudur.<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;body&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;p&gt;Bu bir paragrafd&#305;r&lt;\/p&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;\/body&gt;<\/font><br \/>\n3. T&uuml;m XHTML elemanlar&#305;n&#305;n sonland&#305;r&#305;lmas&#305; gerekir. Bo&#351; olmayan her eleman&#305;n<br \/>\nsonland&#305;r&#305;lmas&#305; gerekir, &ouml;rne&#287;in a&#351;a&#287;&#305;daki yaz&#305;m yanl&#305;&#351;d&#305;r:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;p&gt;Bu bir paragrafd&#305;r<br \/>\n&nbsp;&nbsp;&nbsp; &lt;li&gt;Bu b&#305;r liste maddesidir<\/font><br \/>\nDo&#287;ru olan:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;p&gt;Bu bir paragrafd&#305;r&lt;\/p&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;li&gt;Bu bir liste maddesidir&lt;\/li&gt;<\/font><\/p>\n<p>4. Bo&#351; elemanlarda sonland&#305;r&#305;lmal&#305;d&#305;r. Bo&#351; elemanlar ya bir sonland&#305;rma<br \/>\neleman&#305;na yada &#8220; \/&gt;&#8221; i&#351;aretine ihtiya&ccedil; duyar. &Ouml;rne&#287;in a&#351;a&#287;&#305;daki yaz&#305;m yanl&#305;&#351;d&#305;r.<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; Bu bir sat&#305;r atlar&lt;br&gt;<br \/>\n&nbsp;&nbsp;&nbsp; Yatay &ccedil;izgi b&ouml;yle yap&#305;l&#305;r&lt;hr&gt;<br \/>\n&nbsp;&nbsp;&nbsp; Burada resim olacak &lt;img src=&#8221;dosyaismi.gif&#8221;&gt;<\/font><br \/>\nDorular&#305; ise:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; Bu bir sat&#305;r atlar&lt;br&gt;&lt;\/br&gt;<br \/>\n&nbsp;&nbsp;&nbsp; Yatay &ccedil;izgi b&ouml;yle yap&#305;l&#305;r&lt;hr \/&gt;<br \/>\n&nbsp;&nbsp;&nbsp; Burada resim olacak &lt;img src=&#8221;dosyaismi.gif&#8221; \/&gt;<\/font><\/p>\n<p>XHTML web sayfalar&#305;n&#305;z&#305; bug&uuml;n&uuml;n web gezginleri ile uyumlu hale getirmek<br \/>\nistiyorsan&#305;z &#8220;\/&#8221; i&#351;aretinden &ouml;nce bir bo&#351;luk b&#305;rakmal&#305;s&#305;n&#305;z. &lt;br \/&gt; yada &lt;hr \/&gt;<br \/>\ngibi.<\/p>\n<p>5. Parametre isimleri k&uuml;&ccedil;&uuml;k harf olmal&#305;d&#305;r. A&#351;a&#287;&#305;daki &ouml;rnek yanl&#305;&#351;t&#305;r:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;table WIDTH=&#8221;100%&#8221;&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;div ALIGN=&#8221;center&#8221;&gt;<\/font><br \/>\nDo&#287;rusu:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;table width=&#8221;100%&#8221;&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;div align=&#8221;center&#8221;&gt;<\/font><\/p>\n<p>6. Parametre de&#287;erleri t&#305;rnak i&#351;areti i&ccedil;inde olmal&#305;d&#305;r. A&#351;a&#287;&#305;daki &ouml;rnek<br \/>\nyanl&#305;&#351;t&#305;r:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;table width=100%&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;div align=center&gt;<\/font><br \/>\nDo&#287;rusu:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;table width=&#8221;100%&#8221;&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;div align=&#8221;center&#8221;&gt;<\/font><\/p>\n<p>7. Parametre sadele&#351;tirme kald&#305;r&#305;lm&#305;&#351;t&#305;r. &Ouml;rne&#287;in:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;input checked&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;option selected&gt;<\/font><br \/>\nyanl&#305;&#351;t&#305;r. Do&#287;rusu:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;input checked=&#8221;checked&#8221; \/&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;option selected=&#8221;selected&#8221; \/&gt;<\/font><\/p>\n<p>8. &#8220;id&#8221; parametresi &#8220;name&#8221; parametresinin yerine ge&ccedil;er.<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;img src=&#8221;dosyaismi.gif name=&#8221;resim1&#8221; \/&gt;<br \/>\n&nbsp;&nbsp;&nbsp;<br \/>\n&lt;a name=&#8221;namedanchor&#8221;&gt;&lt;\/a&gt;<\/font><br \/>\nYerine do&#287;rusu:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;img src=&#8221;dosyaismi.gif id=&#8221;resim1&#8221;<br \/>\n\/&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;a id=&#8221;namedanchor&#8221;&gt;&lt;\/a&gt;<\/font><\/p>\n<p>9. XHMTL DTD zorunlu elemanlar&#305; tan&#305;mlar. T&uuml;m XHTML d&ouml;k&uuml;manlar&#305;n&#305;n DOCTYPE<br \/>\ntan&#305;mlama zorunlulu&#287;u vard&#305;r. Html, head ve body bulunmal&#305; ve title head i&ccedil;inde<br \/>\nyer almal&#305;d&#305;r. A&#351;a&#287;&#305;da minimum bir XHTML d&ouml;k&uuml;man&#305;n&#305; g&ouml;r&uuml;yorsunuz.<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;!DOCTYPE Doctype goes here&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;html&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;head&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;title&gt;Title goes here&lt;\/title&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;\/head&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;body&gt;<\/font><br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; Body text goes here<br \/>\n&nbsp;&nbsp;&nbsp; &lt;\/body&gt;<br \/>\n&nbsp;&nbsp;&nbsp; &lt;\/html&gt;<\/font><br \/>\nDOCTYPE eleman&#305; bir XHTML eleman&#305; de&#287;ildir ve standartlara uymas&#305;na gerek<br \/>\nyoktur. Ayr&#305;ca sonland&#305;r&#305;lmas&#305; da gerekmez.<\/p>\n<p>10. DOCTYPE zorunlu olarak mevcut olmal&#305;d&#305;r. Ge&ccedil;erli 3 adet XHTML d&ouml;k&uuml;man tipi<br \/>\nvard&#305;r:<br \/>\n<b>a- XHTML Strict<\/b><br \/>\nXHTML D&ouml;k&uuml;manlar&#305;n&#305; css d&ouml;k&uuml;manlar&#305; ile beraber kullanman&#305;z gerekti&#287;inde<br \/>\nkullan&#305;l&#305;r. HTML&rsquo;nin dizayn unsurlar&#305;n&#305; i&ccedil;ermez.<br \/>\nTan&#305;m&#305;:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD<br \/>\nXHTML 1.0 Strict\/\/EN&quot;<br \/>\n&nbsp;&nbsp;&nbsp; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd&quot;&gt;<\/font><br \/>\n<b>b- XHTML 1.0 Transitional<\/b><br \/>\nCSS anlamayan web gezginlerini desteklemek ve HTML&rsquo;nin dizayn unsurlar&#305;n&#305;<br \/>\nkullanmak istiyorsan&#305;z bu d&ouml;k&uuml;man tipini kulan&#305;n.<br \/>\nTan&#305;m&#305;:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD<br \/>\nXHTML 1.0<br \/>\n&nbsp;&nbsp;&nbsp; Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-<br \/>\n&nbsp;&nbsp;&nbsp; transitional.dtd&quot;&gt;<\/font><\/p>\n<p><b>c- XHTML 1.0 Frameset<\/b><br \/>\nE&#287;er XHTML d&ouml;k&uuml;manlar&#305; pencerelere b&ouml;l&uuml;nm&uuml;&#351; olarak g&ouml;sterilecekse bu d&ouml;k&uuml;man<br \/>\ntipini kullan&#305;n.<br \/>\nTan&#305;m&#305;:<br \/>\n<font face=\"Courier New\">&nbsp;&nbsp;&nbsp; &lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD<br \/>\nXHTML 1.0 Frameset\/\/EN&quot;<br \/>\n&nbsp;&nbsp;&nbsp; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-frameset.dtd&quot;&gt;<\/font><\/p>\n<p><b>DTD nedir?<\/b><br \/>\nDTD bir web sayfas&#305;n&#305;n tipini SGML (Standard Generalized Markup Language) dili<br \/>\nile belirler.<br \/>\nDTD, HTML gibi SGML uygulamalar&#305; taraf&#305;ndan kullan&#305;l&#305;r. Amac&#305; sayfa i&ccedil;in ge&ccedil;erli<br \/>\nolan markup sitilini belirtmektir. XHTML SGML d&ouml;k&uuml;man tipinde tan&#305;mlanm&#305;&#351;t&#305;r.<br \/>\nBir XHTML DTD d&ouml;k&uuml;man&#305; sayfada uyulmas&#305; gereken kurallar&#305;, bilgisayar&#305;n<br \/>\nanlayabilece&#287;i bir dille belirtir.<\/p>\n<p>Yazd&#305;&#287;&#305;n&#305;z XHTML d&ouml;k&uuml;manlar&#305;n&#305;n hangi standartlara uydu&#287;unu DTD belirtir ve<br \/>\nsayfada ilk sat&#305;r olarak yer almal&#305;d&#305;r. Sayfalar&#305;n&#305;z&#305;n standarda uygunlu&#287;u<br \/>\ntestlerini W3C&rsquo;nin do&#287;rulama ara&ccedil;lar&#305; ile yapabilirsiniz.<br \/>\nhttp:\/\/validator.w3.org adresinden bu ara&ccedil;lara ula&#351;abilirsiniz.<\/p>\n<p>&Ouml;r&uuml;tba&#287;&#305; &uuml;zerinde bir ka&ccedil; kaynak adresi de i&#351;inize yarayacakt&#305;r.<br \/>\nW3C XHTML Anasayfa- <a href=\"http:\/\/www.w3c.org\/MarkUp\/\"><br \/>\nhttp:\/\/www.w3c.org\/MarkUp\/<\/a> <br \/>\nW3C standart bildirgesi &#8211;<br \/>\n<a href=\"http:\/\/www.w3.org\/TR\/2000\/REC-xhtml-basic-20001219\/\"><br \/>\nhttp:\/\/www.w3.org\/TR\/2000\/REC-xhtml-basic-20001219\/<\/a> <br \/>\nW3Schools XHTML sayfalar&#305; &#8211; <a href=\"http:\/\/www.w3schools.com\/xhtml\"><br \/>\nhttp:\/\/www.w3schools.com\/xhtml<\/a> <br \/>\nWeb tasar&#305;mc&#305;lar&#305;n&#305;n sanal k&uuml;t&uuml;phanesi (WDVL) XHTML sayfalar&#305; &#8211;<br \/>\n<a href=\"http:\/\/www.wdvl.com\/Authoring\/Languages\/XML\/XHTML\/\"><br \/>\nhttp:\/\/www.wdvl.com\/Authoring\/Languages\/XML\/XHTML\/<\/a> <br \/>\nWebmonkey XHTML Genel Bak&#305;&#351; &#8211;<br \/>\n<a href=\"http:\/\/hotwired.lycos.com\/webmonkey\/00\/50\/index2a.html\"><br \/>\nhttp:\/\/hotwired.lycos.com\/webmonkey\/00\/50\/index2a.html<\/a> <br \/>\nXHTML tart&#305;&#351;malar&#305; &#8211;<br \/>\n<a href=\"http:\/\/www.webreview.com\/tag\/2000\/09_01_00.shtml\"><br \/>\nhttp:\/\/www.webreview.com\/tag\/2000\/09_01_00.shtml<\/a> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>XHTML&rsquo;in ismi EXtensible Hypertext Markup Language kelimelerinden t&uuml;remi&#351;tir. Amac&#305; HTML&rsquo;yi ortadan kald&#305;rmakt&#305;r. HTML 4.01 s&uuml;r&uuml;m&uuml; ile benzer bir &ccedil;ok y&ouml;n&uuml; vard&#305;r. XHTML HTML&rsquo;nin daha kolay anla&#351;&#305;l&#305;r ve kuralc&#305; s&uuml;r&uuml;m&uuml;d&uuml;r de diyebiliriz. XHTML HTML&rsquo;nin XML olarak d&uuml;zenlenmi&#351; halidir. XHTML bir web standard&#305; olarak 26 Ocak 2000&rsquo;de W3C taraf&#305;ndan kabul edilmi&#351;tir. XHTML normalde kullan&#305;lan HTML&rsquo;nin yeni nesil [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[207,214],"tags":[],"class_list":["post-1609","post","type-post","status-publish","format-standard","hentry","category-bilisim","category-turkce"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p90nFK-pX","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.havatopraksu.org\/blog\/wp-json\/wp\/v2\/posts\/1609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.havatopraksu.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.havatopraksu.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.havatopraksu.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.havatopraksu.org\/blog\/wp-json\/wp\/v2\/comments?post=1609"}],"version-history":[{"count":1,"href":"https:\/\/www.havatopraksu.org\/blog\/wp-json\/wp\/v2\/posts\/1609\/revisions"}],"predecessor-version":[{"id":3431,"href":"https:\/\/www.havatopraksu.org\/blog\/wp-json\/wp\/v2\/posts\/1609\/revisions\/3431"}],"wp:attachment":[{"href":"https:\/\/www.havatopraksu.org\/blog\/wp-json\/wp\/v2\/media?parent=1609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.havatopraksu.org\/blog\/wp-json\/wp\/v2\/categories?post=1609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.havatopraksu.org\/blog\/wp-json\/wp\/v2\/tags?post=1609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}