آموزش و یادگیری تگ cite در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، ياد مي‌گيريم تگ <cite> چيست و چطور مي‌توان از آن براي معرفي منابع، آثار و ارجاعات در صفحات وب استفاده کرد. اين تگ در نگارش محتوا و سئو (SEO) اهميت زيادي دارد.

تگ cite در HTML چيست؟

تگ <cite> براي نمايش عنوان يک اثر مانند کتاب، فيلم، مقاله، اثر هنري يا وب‌سايت استفاده مي‌شود. مرورگرها معمولاً متن داخل اين تگ را به صورت ايتاليک (کج) نمايش مي‌دهند تا از ساير متن‌ها متمايز شود.

مثال ساده از تگ cite

<p>رمان <cite>بينوايان</cite> نوشته ويکتور هوگو يکي از آثار ماندگار ادبيات جهان است.</p>

در اين مثال، عنوان کتاب بينوايان درون تگ <cite> قرار گرفته تا به‌صورت استاندارد به عنوان يک اثر مشخص شود.

تفاوت تگ cite با blockquote

تگ <blockquote> براي نقل قول متني از منبعي ديگر به کار مي‌رود، اما <cite> فقط عنوان آن منبع يا اثر را مشخص مي‌کند.

<blockquote>
  آينده متعلق به کساني است که براي روياهايشان تلاش مي‌کنند.
</blockquote>
<p>منبع: <cite>کتاب انگيزش و موفقيت</cite></p>

در اين نمونه، متن نقل قول با <blockquote> آمده و نام کتاب با <cite> مشخص شده است.

استفاده از cite براي لينک دادن به منبع

مي‌توانيد تگ <cite> را با لينک <a> ترکيب کنيد تا کاربر مستقيماً به منبع هدايت شود.

<p>براي مطالعه کامل مقاله، به منبع <cite><a href="https://learndun.ir">آموزش دون</a></cite> مراجعه کنيد.</p>

استايل پيش‌فرض و سفارشي‌سازي cite با CSS

مرورگرها به‌صورت پيش‌فرض متن داخل تگ <cite> را کج نمايش مي‌دهند. اما شما مي‌توانيد با CSS ظاهر آن را تغيير دهيد:

<style>
  cite {
    font-style: normal;
    color: #2196f3;
    font-weight: bold;
  }
</style>
<p>فيلم <cite>Inception</cite> يکي از آثار برجسته کريستوفر نولان است.</p>

نکات مهم درباره cite

• تگ <cite> بايد فقط براي عناوين آثار به کار رود، نه براي نام افراد.
• در HTML5، استفاده از اين تگ براي مشخص کردن منبع يا مرجع علمي نيز مجاز است.
• به دليل معنايي بودن اين تگ، موتورهاي جستجو راحت‌تر مي‌توانند منابع را تشخيص دهند.

خلاصه صفات تگ cite

براي يادگيري کامل مفاهيم معنايي HTML و کاربرد آن‌ها در سئو و طراحي حرفه‌اي وب، پيشنهاد مي‌کنيم در دوره آموزش HTML مقدماتي تا پيشرفته آموزش دون شرکت کنيد.

براي مشاهده ساير آموزش‌ها به صفحه اصلي آموزش دون مراجعه کنيد.