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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Be Sociable, Share!
  • more چگونه از تگ هایHTML صحیح استفاده کنیم؟

درباره حسابی

نظر بدهید

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

*

شما می‌توانید از این دستورات HTML استفاده کنید: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 
برو بالا