دوشنبه , ۹ شهریور ۱۳۹۴
پست تصادفی
شما اینجا هستید: خانه » چگونه های وب/ موبایل » چگونه از تگ هایHTML صحیح استفاده کنیم؟

چگونه از تگ هایHTML صحیح استفاده کنیم؟

Print Friendly

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

• نحوه استفاده از تگ <br>

  tag br

چگونگی استفاده نادرست از تگ <br>

اشتباهی که برخی طراحان مرتکب میشوند، استفاده از این تگ برای ایجاد فضای خالی و فاصله بین عناصر و محتوا در صفحات است. مثلا گاهی از تعدادی تگ br برای ایجاد فاصله زیاد بین دو عنصر استفاده میکنند. ادیتورهای متن آنلاین (WYSIWYG ) معمولا از این تگ برای فاصله بین پاراگراف ها استفاده میکنند.

چگونگی استفاده صحیح از تگ <br>

این تگ برای شکستن خط و رفتن به خط بعدی در داخل عناصر مانند پاراگراف باید استفاده شود. برای جدا کردن محتوا از عناصری مانند پاراگراف استفاده کنید و برای ایجاد فاصله بین آنها از خاصیت margin در CSS استفاده نمایید.

• نحوه استفاده از تگ <div>

 tag div

چگونگی استفاده نادرست از تگ <div>

هنگامی که با HTML انس میگیریم و با CSS آشنایی پیدا میکنیم، معمولا این تگ  اولین و راحترین عنصری است که به کار کردن با آن مسلط می شویم. بنابراین سعی میکنیم هر چیزی در صفحه را با این تگ احاطه کنیم. این امر باعث میشود از کاربرد سایر عناصر در جای مناسب خود غافل شویم.

چگونگی استفاده صحیح از تگ <div>

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

• نحوه استفاده از تگ <small>

tag small

چگونگی استفاده نادرست از تگ <small>

استفاده کردن از این تگ به منظور کوچک نشان دادن نوشته مورد نظر اشتباهی است که ممکن است به علت نام small که بر روی این تگ گذاشته شده مرتکب شوید.

چگونگی استفاده صحیح از تگ <small>

همواره برای استایل دهی به عناصر در صفحات وب باید از CSS استفاده کرد. بنابراین برای کوچک کردن یک نوشته باید font-size استفاده نمود. این تگ برای متن هایی که در چاپ نیز کوچک باید نشان داده شوند و یا جملات حقوقی مانند جمله کپی رایت در نظر گرفته شده است.

• نحوه استفاده از تگ <hr>

tag hr

چگونگی استفاده نادرست از تگ <hr>

استفاده از این تگ این روزها بسیار رایج شده است. بسیاری از افراد به اشتباه از این تگ  برای رسم کردن یک خط جداکننده بین بخش های مختلف در یک صفحه وب استفاده میکنند.

چگونگی استفاده صحیح از تگ <hr>

برای جدا کردن بخش های مختلف در یک صفحه می توانید خاصیت border در CSS استفاده کنید. این تگ  نیز هنوز به قوت خود باقیست اما این تگ  برای شرایط خاص مانند مشخص کردن فصل های یک کتاب، پانوشت و یا بندهای اشعار در نظر کرفته شده است.

• نحوه استفاده از تگ <title>

tag title

چگونگی استفاده نادرست از تگ <title>

در استفاده از این تگ  دو افراط وجود دارد. یا اینکه بخش title شامل اطلاعات بی ارزش می شود و یا اینکه با کلمات کلیدی برای SEO انباشته میشود.

چگونگی استفاده صحیح از تگ <title>

در محتویات این تگ باید دقت کنید. این تگ باید حاوی توصیف کوتاهی از محتویات صفحه باشد و این توصیف کوتاه باید حاوی کلماتی مرتبط با محتویات درج شده در صفحه باشد. کلماتی که موتورهای جستجو را به درستی هدایت کنند.

• نحوه استفاده از تگ <img>

tag img

مورد منفی که در استفاده از این تگ وجود دارد بیشتر مربوط به صفت alt در این تگ است. بسیاری از تصاویر در صفحات وب صفت alt را ندارند و برخی دیگر حاوی توضیح بی ربط به تصویر مورد نظر هستند. در XHTML استفاده از تگ alt در صفحات وب یک ضرورت است.

چگونگی استفاده صحیح از تگ<img>

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

• نحوه استفاده از تگ <label>

tag label

چگونگی استفاده نادرست از تگ <label>

این تگ  معمولا در کنار مجموعه فیلدهای دیگر مانند جعبه متن ها، لیست ها و غیره مورد استفاده قرار میگیرد. اما به ندرت از صفت for برای آن استفاده میشود.

چگونگی استفاده صحیح از تگ <label>

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

• نحوه استفاده از تگ <address>

tag address

چگونگی استفاده نادرست از تگ <address>

نام این تگ  باعث میشود تصویر کنیم این تگ تنها برای درج آدرس در صفحه تماس ها بکار میرود.

چگونگی استفاده صحیح از تگ <address>

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

 از این مطلب خوشتون اومد!

دانلود مطلب با فرمت pdf

درباره حسابی

نظر بدهید

ایمیل شما منتشر نخواهد شد. بخش های مورد نیاز علامت گذاری شده اند *

*

 
برو بالا