<\/div>\n

HTML5’in zenginli\u011fi yan\u0131nda bir okadar olan kolayl\u0131\u011f\u0131 ayr\u0131 bir lezzet veriyor.Bu yaz\u0131mda \u00f6nemli g\u00f6rd\u00fc\u011f\u00fcm dikkate de\u011fer baz\u0131 HTML5 elemanlar\u0131n\u0131 inceleyece\u011fiz.
\n
\nDRAGGABLE<\/strong><\/span>
\nHerhangi bir HTML eleman\u0131n\u0131n s\u00fcr\u00fcklenebilir \u00f6zellik kazand\u0131r\u0131l\u0131p kazand\u0131r\u0131lmayaca\u011f\u0131n\u0131 ayarlar.”True” ya da “False” de\u011ferlerine g\u00f6re, s\u00fcr\u00fcklenebilir \u00f6zellikli olabilir veya olamaz.Ancak “Auto” \u00f6zelli\u011fi verilirse, kullan\u0131lan taray\u0131c\u0131daki varsay\u0131lan de\u011fer kullan\u0131l\u0131r.<\/p>\n

DROPZONE<\/strong><\/span>
\nS\u00fcr\u00fckle- b\u0131rak i\u015fleminde, b\u0131rakma an\u0131nda ne olaca\u011f\u0131n\u0131 bu \u00f6zellikle tan\u0131mlayabiliyoruz.E\u011fer “Copy” de\u011feri verilirse, s\u00fcr\u00fckleme i\u015fleminin bitti\u011fi Location’da s\u00fcr\u00fcklenen verinin kopyas\u0131n\u0131 olu\u015fturur.”Move” de\u011feri verilirse, s\u00fcr\u00fcklenen nesne s\u00fcr\u00fckleme i\u015fleminin bitti\u011fi Location’a ta\u015f\u0131n\u0131r.<\/p>\n

ID<\/strong><\/span>
\nHTML elemanlar\u0131na benzersiz isim vermek i\u00e7in kullan\u0131l\u0131r.Bir nevi nesneler aras\u0131nda kimlik numaras\u0131na benzer.Her nesnenin id \u00f6zelli\u011fi kendine \u00f6z olmal\u0131d\u0131r.Jquery ve JavaScript gibi dillerde HTML nesneleri \u00fczerinde i\u015flemler yap\u0131lacaksa, Client tabanl\u0131 olan bu programlama dilleri ile, HTML nesneleri id \u00f6zelliklerinden yakalan\u0131p i\u015flem yap\u0131lmaktad\u0131r.<\/p>\n

\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>\r\n<title>\u00d6rnek<\/title>\r\n<style type="text\/css">\r\n#Alan\r\n{\r\n\twidth:100px;\r\n\theight:100px;\r\n\tbackground-color:#99FF00;\r\n\tfont-family:"Arial Black", Gadget, sans-serif;\r\n\tcolor:#FF0000;\r\n\t}\r\n<\/style>\r\n<script type="text\/javascript">\r\nfunction Goster()\r\n{\r\n\tvar Metin = document.createTextNode("Yeni bir yazi");\r\n\t\/\/document anahtar s\u00f6zc\u00fc\u011f\u00fc bu sayfa demektir.\r\n\t\/\/createTextNode metodu ise, Metin de\u011fi\u015fkeninin de\u011ferine ald\u0131\u011f\u0131 parametreyi\r\n\t\/\/metinsel olarak atar.\r\n\tvar Div = document.getElementById("Alan");\r\n\t\/\/getElementById metodu ise, ald\u0131\u011f\u0131 parametre ismindeki HTML nesneyi yakalar.\r\n\tDiv.appendChild(Metin);\r\n\t\/\/appendChild metodu ise, ald\u0131\u011f\u0131 parametreyi, Div de\u011fi\u015fkenindeki HTML nesnesinin\r\n\t\/\/i\u00e7eri\u011fine atar.\r\n\t}\r\n<\/script>\r\n<\/head>\r\n<body>\r\n<div id="Alan" onMouseOver="Goster();">\r\n<\/div>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nYukar\u0131daki \u00f6rnekte id etiketinin \u00f6nemine de\u011finilmi\u015ftir.<\/p>\n
LANG<\/strong><\/span>
\nHTML nesnelerinin i\u00e7erdikleri metinsel de\u011ferlerin dil yap\u0131land\u0131rmas\u0131 i\u00e7in kullan\u0131l\u0131r.
\nT\u00fcrk\u00e7e : tr, Almanca : de, \u0130ngilizce : en<\/p>\n
SPELLCHECK<\/strong><\/span>
\nTextArea, Input ya da d\u00fczenlenebilir HTML nesnelerin de, metinsel ifadeler i\u00e7in dilbilgisi ve yaz\u0131m yanl\u0131\u015flar\u0131n\u0131 kontrol eden bir elemand\u0131r.<\/p>\n","protected":false},"excerpt":{"rendered":"
HTML5’in zenginli\u011fi yan\u0131nda bir okadar olan kolayl\u0131\u011f\u0131 ayr\u0131 bir lezzet veriyor.Bu yaz\u0131mda \u00f6nemli g\u00f6rd\u00fc\u011f\u00fcm dikkate de\u011fer baz\u0131 HTML5 elemanlar\u0131n\u0131 inceleyece\u011fiz.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[336,23],"tags":[753],"class_list":["post-1297","post","type-post","status-publish","format-standard","hentry","category-html5","category-web-tasarim","tag-html5"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=1297"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1297\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=1297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=1297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=1297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}