هدینگ HTML
یک هدینگ HTML یا تگ h میتواند یک عنوان و یا زیرنویس تعریف شود که بر روی صفحه وب نمایش داده میشود. وقتی متن را درون تگهای هدینگ قرار می دهید <h1> ……… <h1/> ، این متن در مرورگر با فرمت بولدشده نمایش داده می شود و اندازه متن به شماره هدینگ بستگی دارد.
در HTML، شش هدینگ وجود دارد که با تگهای <h1> تا <h6> نمایش داده میشوند. بالاترین سطح هدینگ <h1> (هدینگ اصلی) تا پایینترین سطح هدینگ h6 (کم اهمیتترین هدینگ).
هدینگ <h1> بزرگترین تگ و <h6> کوچکترین تگ است.بنابراین h1 برای نمایش مهمترین هدینگ و h6 برای نمایش کم اهمیتترین هدینگ.
نکته: عناوین در HTML به موتور جستجو کمک می کند تا ساختار صفحه وب را درک و فهرست بندی کند.
مثال:
<h1>Heading no. 1</h1> <h2>Heading no. 2</h2> <h3>Heading no. 3</h3> <h4>Heading no. 4</h4> <h5>Heading no. 5</h5> <h6>Heading no. 6</h6>
توجه: هدینگهای <h1> تا <h6> فقط برای هدینگها استفاده میشود و از آنها نباید برای بولدکردن ویا بزرگکردن متن استفاده کرد.
هدینگهای HTML را می توان با المنتهای تو در تو نیز استفاده کرد. در زیر کدهای مختلفی برای نمایش نحوه استفاده از المنت هدینگ وجود دارد.
<!DOCTYPE html> <html> <head> <title>Heading elements</title> </head> <body> <h1>This is main heading of page. </h1> <p>h1 is the most important heading, which is used to display the keyword of page </p> <h2>This is first sub-heading</h2> <p>h2 describes the first sub heading of page. </p> <h3>This is Second sub-heading</h3> <p>h3 describes the second sub heading of page.</p> <p>We can use h1 to h6 tag to use the different sub-heading with their paragraphs if required. </p> </body> </html>
مرورگرهای پشتیبان کننده:
المنت | Chrome | IE | Firefox | Opera | Safari |
<h1>تا <h6> | بله | بله | بله | بله | بله |
دیدگاهتان را بنویسید
برای نوشتن دیدگاه باید وارد بشوید.