آموزش heading در html
تگ های heading در html از <h1> الی <h6> تعریف می شوند.
این تگ برای کلفت تر کردن و حجیم تر کردن تیتر متن می باشد.
برای مثال اگر تیتر ما اهمیت بیشتری دارد از <h1> و اگر اهمیت کمتری دارد از <h6> استفاده می کنیم.
<html>
<head>
<title>heading آموزش</title>
</head>
<body>
<h1>heading آموزش</h1>
<h2>heading آموزش</h2>
<h3>heading آموزش</h3>
</body>
</html>
heading ها مهم هستند!
از heading ها تنها برای تیتر متن استفاده کنید نه برای Bold کردن یا بزرگ کردن متن هایتان.
موتورهای جستجو به کمک heading ها متن سایت شما را ایندکس می کنند.
کاربران سایت شما با استفاده از heading ها موضوع صفحه را پیدا خواهند کرد.
سرفصل اصلی را با <h1> شروع کنید و بعد از آن از h3 , h2 و به ترتیب به کم اهمیت ترین heading بروید.
کشیدن خط افقی در HTML
با توسط تگ <hr> می توانیم یک خط افقی در صفحه ایجاد کنیم. دقت کنید که این تگ فقط شروع می شود و تگ پایانی (<hr/>) ندارد!
<html>
<head>
<title>heading آموزش</title>
</head>
<body>
<p>آموزش کامل اچ تی ام ال</p>
<hr>
<p>آموزش کامل اچ تی ام ال</p>
<hr>
<p>آموزش کامل اچ تی ام ال</p>
</body>
</html>
عنصر یا تگ <head> در HTML
عنصر <head> هیچ ربطی به heading ها که در مثال های فوق گفته شده ندارد.
هر چیزی در تگ <head> نوشته شود به آن Meta Data (متا دیتا) می گویند. Meta Data ها قابل نمایش در صفحه نیستند.
تگ <head> بین تگ های <html> و <body> قرار می گیرد.
<html>
<head>
<title>heading آموزش</title>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>
متا دیتا چیست؟ متا دیتا اطلاعاتی درباره سند است. متا دیتا در HTML به این معنی است که ما اطلاعاتی راجع به سند را در اختیار موتورهای جستجوگر قرار دهیم تا بهتر مطالب سایت ما را در نتایج جستجو نشان دهند. |
عنصر یا تگ <title> در HTML
عنصر <title> یک Meta Data می باشد.در این عنصر باید تیتر سند قرار بگیرد.
<title> درون متن سند نمایش داده نمی شود اما در تب مرورگر قابل نمایش می باشد.
عنصر یا تگ <meta> در HTML
این عنصر برای قرار دادن داده های متا یا همان Meta Data درون سند است.
از این عنصر برای تنظیم زبان سند و دیگر اطلاعات مورد نیاز موتورهای جستجو استفاده می کنیم.
عناصر Meta دیگر که می توان نام برد:
<style> : برای CSS درون خطی مورد استفاده قرار می گیرد.
<link>: برای تعریف یک فایل CSS مورد استفاده قرار می گیرد.
یک نکته از HTML - چگونه با استفاده از مرورگر کدهای منبع یک صفحه را مشاهده کنیم
برای مثال به سایت چسبون آمدید و می خواهید کدهای HTML این سایت را مشاهده کنید! باید چه کار کرد؟
اگر از مرورگرهایی مانند firefox, chrome و یا IE استفاده می کنید بر روی صفحه کلیک راست کنید سپس گزینه ی View Page Source را انتخاب کنید. جالب است، کدهای HTML این سایت را خواهید دید!