HTML ، مشکل ، راهکار !

​

امروزه هر برنامه نویس و توسعه دهنده ای از حداقل دانشی در مورد HTML برخوردار است و حتی در صورتی که هیچ نیازی به نوشتن HTML نداشته باشد، شانس مشاهده و بررسی کدهای HTML را داشته است. هدف از نگارش این مقاله بررسی و مطرح کردن متداولترین مسائل مرتبط با HTML و راه کار های مرتبط با آنها برای افرادی است که از مخطبان همیشگی HTML به شمار نمی روند و ممکن است برای رفع نیازی خاص به کدنویسی HTML روی آورده باشند.



به نقل از روزنوشت های آراد حقی
[TABLE="class: wp-table-reloaded wp-table-reloaded-id-1"]
[TR="class: row-1 odd"]
[TH="class: column-1 sorting_disabled"]مشکل[/TH]
[TH="class: column-2 sorting_disabled"]راه حل[/TH]
[/TR]
[TR="class: row-2 even"]
[TD="class: column-1"]اعمال کردن نشانه گذاری به محتوا[/TD]
[TD="class: column-2"]استفاده از المان های HTML[/TD]
[/TR]
[TR="class: row-3 odd"]
[TD="class: column-1"]اظهار داشتن این مورد که سند شامل HTML است[/TD]
[TD="class: column-2"]استفاده از DOCTYPE در سند[/TD]
[/TR]
[TR="class: row-4 even"]
[TD="class: column-1"]توصیف یک سند HTML[/TD]
[TD="class: column-2"]استفاده از المان head جهت دربرگرفتن یک یا چندین المان metadata[/TD]
[/TR]
[TR="class: row-5 odd"]
[TD="class: column-1"]اضافه کردن محتوا به یک سند HTML[/TD]
[TD="class: column-2"]استفاده از المان body جهت دربرگرفتن متن و سایر المان های HTML[/TD]
[/TR]
[TR="class: row-6 even"]
[TD="class: column-1"]اضافه کردن کلید میانبر برای انتخاب یک المان[/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری accesskey[/TD]
[/TR]
[TR="class: row-7 odd"]
[TD="class: column-1"]دسته بندی چندین المان با یکدیگر در جهت اعمال استایل یکسان و یا جانمایی آنها در صفحه از طریق برنامه نویسی[/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری class[/TD]
[/TR]
[TR="class: row-8 even"]
[TD="class: column-1"]اجازه دادن به کاربر جهت ویرایش محتوای یک المان [/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری contenteditable[/TD]
[/TR]
[TR="class: row-9 odd"]
[TD="class: column-1"]اضافه کردن Context Menu به یک المان [/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری contextmenu (در حال حاضر پشتیبانی نمی شود)[/TD]
[/TR]
[TR="class: row-10 even"]
[TD="class: column-1"]مشخص کردن جهت طرح بندی محتوای یک المان (مانند فارسی / راست به چپ)[/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری dir[/TD]
[/TR]
[TR="class: row-11 odd"]
[TD="class: column-1"]مشخص کردن این مورد که یک المان بتواند Drag شود[/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری dragable[/TD]
[/TR]
[TR="class: row-12 even"]
[TD="class: column-1"]مشخص کردن یک المان به عنوان مقصد Drop سایر المان ها[/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری dropzone[/TD]
[/TR]
[TR="class: row-13 odd"]
[TD="class: column-1"]نشان دادن این مورد که المان و محتوای آن مرتبط نیستند[/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری hidden[/TD]
[/TR]
[TR="class: row-14 even"]
[TD="class: column-1"]اختصاص یک شناسه واحد به یک المان برای اعمال استایل و یا انتخاب آن بوسیله کد نویسی[/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری id[/TD]
[/TR]
[TR="class: row-15 odd"]
[TD="class: column-1"]مشخص کردن زبانی که محتوای المان بر اساس آن است[/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری lang[/TD]
[/TR]
[TR="class: row-16 even"]
[TD="class: column-1"]مشخص کردن این مورد که محتوای یک المان باید از لحاظ املا کلمات بررسی شود[/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری Spellcheck[/TD]
[/TR]
[TR="class: row-17 odd"]
[TD="class: column-1"]تعریف یک استایل به صورت مستقیم برای یک المان [/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری style[/TD]
[/TR]
[TR="class: row-18 even"]
[TD="class: column-1"]مشخص کردن ترتیب حرکت بین المان ها با کلید Tab در سند HTML[/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری tabindex[/TD]
[/TR]
[TR="class: row-19 odd"]
[TD="class: column-1"]ارائه اطلاعات بیشتر در خصوص یک المان [/TD]
[TD="class: column-2"]استفاده از ویژگی سراسری title[/TD]
[/TR]
[/TABLE]