در این جلسه، عنوان در HTML ، کاربرد تگ <hr> و کامنت گذاری را توضیح می دهیم.
عنوان در HTML :
HTML شامل شش سطح از عنوان گذاری می باشد که بر اساس میزان اهمیت عنوان، درجه بندی می شوند. سطوح عنوان ها شامل <h5>، <h4>، <h3>، <h2>، <h1> و <h6> می باشند. کاربرد اصلی عنوان گذاری برای ماشین های جستجوگر می باشد. اگر ما در کدنویسی از heading ها استفاده کنیم موتور جستجوگر راحت تر به مطلب ما دسترسی پیدا می کند. همچنین عنوان ها باعث بزرگتر شدن اندازه متن می شوند.
اگر به کد زیر و نتیجه آن در تصویر دقت کنید متوجه تأثیر Headings بر متن می شوید:
<html> <head> <title> first page </title> </head> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> </body> </html>
تگ <hr> و رسم خط افقی
برای کشیدن خط افقی از تگ <hr> استفاده می کنیم. به محل قرارگیری این تگ در کد دقت کنید:
<html> <head> <title> first page </title> </head> <body> <p> This is first paragraph </p> <hr> <p> This is second paragraph </p> </body> </html>
خط افقی کشیده شده بین دو پاراگراف که نتیجه تگ <hr> می باشد را در تصویر زیر مشاهده می کنید:
کامنت در HTML
کامنت ها در کدها نوشته می شوند اما در مرورگر نمایش داده نمی شوند و شامل توضیحات، یادآوری ها و هرگونه یادداشت مورد نیاز برنامه نویس می باشند. برای ایجاد کامنت باید همانند مثال زیر، متن کامنت را بین علامت های --!> و <-- قرار دهیم:
<!-- Your comment goes here -->
برای فهم بهتر به مثال زیر توجه کنید:
<html> <head> <title> first page </title> </head> <body> <p> first paragraph </p> <!-- This is your comment --> <p> second paragraph </p> </body> </html>
همانطور که در تصویر زیر می بینید کامنت نوشته شده در کد، در مرورگر نمایش داده نمی شود. ما می توانیم از کامنت ها برای نوشتن یادداشت یا نکاتی در مورد کدهایمان برای مراجعات بعدی استفاده کنیم.
در جلسات آتی مباحث جدیدی به شما عزیزان ارائه می شود.
دیدگاه بگذارید