سرفصل ها در اسناد HTML حائز اهمیت می باشند.
سرفصل های HTML
سرفصل ها با تگ های
<h1>
تا
<h6>
تعریف می شوند.
تگ
<h1>
بیانگر مهم ترین سرفصل و
<h6>
بیانگر کم اهمیت ترین سرفصل می باشد.
مثال:
<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>
توجه: مرورگرها بطور خودکار قدری فضای خالی (حاشیه) قبل و بعد از یک سرفصل اضافه می کنند.
سرفصل ها حائز اهمیت می باشند
موتورهای جستجو برای فهرست نمودن ساختار و محتوای صفحات وب شما از سرفصل ها استفاده می کنند.
کاربران با نگاهی اجمالی به سرفصل ها از محتویات وب شما آگاه می شوند. استفاده از سرفصل ها برای نشان دادن ساختار سند حائز اهمیت می باشد.
سرفصل های نشانه گذاری شده با
<h1>
باید برای سرفصل های اصلی بکار روند، و پس از آن ازتگ های
<h2>
و سپس تگ های کم اهمیت تر
<h3>
و غیره استفاده گردد.
توجه: از سرفصل های HTML فقط برای سرفصل ها استفاده نمایید. از سرفصل ها برای بزرگ نمودن یا پررنگ کردن متن استفاده نکنید.
خطوط (جدا کننده های) افقی HTML
تگ
<hr>
تعریف کننده یک تغییر موضوعی در یک صفحه
HTML
بوده و اغلب به صورت یک خط افقی نمایش داده می شود.
المان
<hr>
برای جدا کردن محتوا (یا تعریف یک تغییر) در یک صفحه
HTML
بکار می رود.
مثال:
<h1>This is heading 1</h1> <p>This is some text.</p> <hr> <h2>This is heading 2</h2> <p>This is some other text.</p> <hr>
المان <head> در HTML
المان
<head>
در
HTML
ربطی به سرفصل های
HTML
ندارد.
المان
<head>
محلی برای قرارگرفتن ابرداده ها می باشد. ابرداده
HTML
، داده هایی در مورد سند
HTML
است. ابر داده نمایش داده نمی شود.
المان
<head>
بین تگهای
<html>
و
<body>
قرار می گیرد.
مثال:
<!DOCTYPE html> <html> <head> <title>My First HTML</title> <meta charset="UTF-8"> </head> <body> . . .
توجه: ابر داده ها معمولا عنوان سند، مجموعه کاراکترها، استایل ها، لینک ها، اسکریپت ها، و سایر ابر اطلاعات را شامل می شوند.
چگونگی نمایش کد HTML
آیا تا به حال صفحه وبی را دیده اید که تعجب کرده و گفته باشید: «هی! آن ها چگونه این کار را انجام داده اند؟ »
برای فهمیدن این موضوع، در صفحه راست کلیک نموده و گزینه « View Page Source » (در مرورگر کروم یا فایرفاکس) و « View Source » (در مرورگر اینترنت اکسپلورر) و یا کلمه های مشابه را در مرورگرهای دیگر انتخاب کنید. با این کار، پنجره ای حاوی کد HTML صفحه باز خواهد شد.
مرجع تگ های HTML
مرجع تگ های html وب سایت تیپی حاوی اطلاعات بیشتری در مورد این تگ ها و مشخصه های آن ها می باشد.
در بخش های بعدی این آموزش، مطالب بیشتری در مورد تگ ها و مشخصه های HTML خواهید آموخت.
تگ | توصیف |
---|---|
<html> | ریشه سند HTML را تعریف می کند |
<body> | متن سند را تعریف می کند |
<head> | ظرفی برای تمام المان های سرفصل (عنوان، اسکریپتها، استایل ها، اطلاعات متا و ...) |
<h1> to <h6> | سرفصل های HTML را تعریف می کند |
<hr> | یک تغییر موضوعی در محتوا را مشخص می کند |