آشنایی با سرفصل‌ها یا عناوین در HTML
 

آشنایی با سرفصل‌ها یا عناوین در HTML

در این مقاله آموزشی با هدینگ یا HTML Headings آشنا می‌شوید. انواع تگ‌های تا و نهوه نوشتن آن در کدهای html آموزش داده می‌شود.
چهارشنبه، 15 دی 1400 | Article Rating

عنوان های HTML عناوین یا زیرنویس هایی هستند که می خواهید در یک صفحه وب نمایش دهید.

  • مثال برای درک بهتر آموزش اسناد HTML:

    سرفصل نوع ۱

    سرفصل نوع ۲

    سرفصل نوع ۳

    سرفصل نوع ۴

    سرفصل نوع ۵
    سرفصل نوع ۶
    کد HTML را آزمایش کنید

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


سرفصل های HTML با تگ های <h1> تا <h6> تعریف می شوند.

<h1> مهمترین عنوان را تعریف می کند. <h6> کم اهمیت ترین عنوان را تعریف می کند.

  • </>

    مثال برای درک بهتر آموزش اسناد HTML:

    <h1>سرفصل نوع ۱</h1>
    <h2>سرفصل نوع ۲</h2>
    <h3>سرفصل نوع ۳</h3>
    <h4>سرفصل نوع ۴</h4>
    <h5>سرفصل نوع ۵</h5>
    <h6>سرفصل نوع ۶</h6>
    کد HTML را آزمایش کنید

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


توجه:

مرورگرها به طور خودکار مقداری فضای سفید (حاشیه) را قبل و بعد از عنوان اضافه می کنند.


سرفصل‌ها مهم هستند

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

کاربران اغلب یک صفحه را بر اساس عناوین آن مرور می کنند. استفاده از سرفصل ها برای نشان دادن ساختار سند مهم است.

سرفصل‌های <h1> باید برای سرفصل‌های اصلی و به دنبال آن سرفصل‌های <h2> و سپس زیر سرفصل‌های دیگری که از اهمیت کم‌تری برخوردار هستند کم و کمتر مثل <h3> و غیره استفاده شوند.

توجه:

برخی به اشتباه به جای استفاده از تگ‌های سرفصل در HTML از حروف Bold و Big استفاده می‌کنند که این کار اشتباه است. برای سرفصل حتما از تگ‌های h1 تا h6‌ استفاده نمایید.


اندازه دلخواه برای عناوین

هر عنوان HTML یک اندازه پیش فرض دارد. با این حال، می توانید اندازه هر عنوان را با ویژگی style با استفاده از ویژگی اندازه قلم CSS مشخص کنید:

  • </>

    مثال برای درک بهتر آموزش اسناد HTML:

    <h1 style="font-size:60px;">سرفصل نوع ۱</h1>
    کد HTML را آزمایش کنید

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


توجه:

از تگ h1 فقط یک بار و در ابتدای صفحه استفاده می‌شود. استفاده بیشتر از تگ h1 برای بیشتر مرورگرها یک ایراد در ساختار SEO محسوب می‌شود. همچنین وجود تگ h1 در همه صفحات Html از نظر موتورهای جستجو ضروری است.


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

در صورتی که مایل به معرفی خدمات طراحی سایت ما به دوستان خود هستید لطفا این صفحه را برای ایشان به اشتراک بگذارید. همچنین می‌توانید اطلاعات بیشتری درباره خدمات ما در زمینه طراحی سایت فروشگاهی همچون طراحی سایت عطر، طراحی سایت شخصی، طراحی سایت شرکتی، طراحی سایت سازمانی با ورود به این صفحات به دست آورید. این که وب سایت مورد نظر شما از چه نوعی باشد را به ما بسپارید. بسته به امکانات و نیاز شما بهترین را برای شما انتخاب می‌کنیم. چه از نوع طراحی سایت با دی ان ان DNN (دات نت نیوک) باشد و چه از نوع طراحی سایت با وردپرس Wordpress می‌توانید از طریق صفحات مربوط به آن اطلاعات بیشتری کسب کرده و همه خدمات خود را از میزبانی وب و خرید هاست گرفته تا طراحی اپلیکیشن موبایل و آموزش طراحی سایت و سئو سایت SEO، آن را با خیال راحت به ما بسپارید. نکته قابل توجه این است که ما با هدف افزایش درآمد و رساندن شما به اهدافی که مد نظر دارید این کار را انجام می‌دهیم و این موضوع بسیار متفاوت است با این که بخواهید فقط یک سایت داشته باشید! چون هر طراحی سایتی شما را به اهداف‌تان نمی‌رساند. تخصص ما تجارت الکترونیک و راه اندازی کسب و کار آنلاین است و طراحی سایت تنها بخشی از این خدمات محسوب می‌شود. عکاسی 360 درجه از محصول و طراحی سیستم اختصاصی یکپارچه ERP و راهبری و چگونگی انجام کار برای رسیدن به درآمد آنلاین چیزی است که بسیاری از طراحان سایت نمی‌دانند. این در حالی است که هدف ما از طراحی سایت تمرکز روی به نتیجه رسیدن اهداف شما است نه طراحی سایت! کارگزار خدمات فناوری اطلاعات خود را به درستی و با دقت انتخاب کنید.

تصاویر
ثبت امتیاز
اشتراک گذاری
نظر جدید

تصویر امنیتی
کد امنیتی را وارد نمایید:

این صفحه را به دوستان خود معرفی کنید

با به اشتراک گذاری این صفحه، یک فرصت خوب به دوستان خود هدیه می‌دهید