جستجو برای:
  • صفحه اصلی
  • دوره های آموزشی
    • آموزش سئو محتوا جدید 1401
    • آموزش رایگان وردپرس 1401
    • آموزش رایگان HTML و CSS
    • دوره طراحی سایت فرانت اند
    • دوره طراحی سایت با وردپرس
    • دوره جامع برنامه نویسی PHP
  • انجمن سایت آموزی
  • مقالات سایت آموزی
  • تماس با سایت آموزی
  • درباره سایت آموزی
  • 09366806011
  • siteamoozi[at]gmail.com
  • آموزش طراحی سایت
  • آموزش وردپرس
سایت آموزی
  • صفحه اصلی
  • دوره های آموزشی
    • آموزش سئو محتوا جدید 1401
    • آموزش رایگان وردپرس 1401
    • آموزش رایگان HTML و CSS
    • دوره طراحی سایت فرانت اند
    • دوره طراحی سایت با وردپرس
    • دوره جامع برنامه نویسی PHP
  • انجمن سایت آموزی
  • مقالات سایت آموزی
  • تماس با سایت آموزی
  • درباره سایت آموزی
0

ورود و ثبت نام

بلاگ

سایت آموزی > مقالات سایت آموزی > آموزش های طراحی سایت > html > تگ article در HTML

تگ article در HTML

فروردین 30, 1399
ارسال شده توسط سایت آموزی
html
1.47k بازدید

تگ article در HTML | تگ درج مقالات در اچ تی ام ال

بررسی تگ article در اچ تی ام ال را در این مقاله از سایت آموزی برای شما همراهان گرامی تدارک دیدیم.

تگ article در HTML

تگ article در HTML | تگ درج مقالات در اچ تی ام ال - سایت آموزی

تگ article در اچ تی ام ال

یکی از تگ های جدید در اسناد html که در نسخه ۵ این زبان اضافه شد، تگ article می باشد.

تگ article یا تگ مقالات به عنوان یکی از تگ های مستقل در سند html کاربرد دارد.

یعنی محتوا و مجموعه عناصری که در داخل یک تگ article باز و بسته می آید، دارای ماهیتی مستقل از دیگر المان های به کار رفته در صفحه می باشد.

هر تگ article می تواند دارای مجموعه تگ هایی درون خود باشد.

تگ article می تواند دارای تصویر (تصویر بند انگشتی) ، بخشی از محتوای پست ، عنوان پست و… باشد.

تگ مقالات می تواند در سکشن مستقل خود در صفحه به کار رفته نماینده ای از موارد زیر باشد:

  1. می تواند حاوی عنوان ، محتوا و تصاویر یا سایر المان ها در ایجاد پست در فروم ها باشد.
  2.  می تواند حاوی عنوان ، محتوا و تصاویر یا سایر المان ها در ساخت پست در وبلاگ سایت باشد.
  3. می تواند حاوی عنوان ، بخشی از محتوا و تصاویر یا سایر المان ها در صفحه اصلی یا بلاگ سایت بیاید.
  4. می تواند حاوی عنوان ، بخشی از محتوا و تصاویر یا سایر المان ها در ساخت مطالب سایت خبری باشد.
  5. می تواند به همراه گروه تگ های درونی خود جهت ایجاد کامنت ها یا نظرات کاربران استفاده شود.

درون تگ article هر عنصری که لازم باشد استفاده می شود.

تگ های img ، a ، section ، p ، span ، h1-h6 ، div و… برخی از تگ هایی است که در صورت نیاز درون تگ article یا تگ مقالات استفاده می شود.

تگ article از نظر پشتیبانی در مرورگرها

تگ article یا تگ مقالات در همه مرورگرهای معروف مانند فایرفاکس ، گوگل کروم ، اپرا ، سافاری و اینترنت اکسپلورر پشتیبانی می شود.

خصوصیت های ویژه در تگ article در اچ تی ام ال

تگ article شامل هیچ گونه خصوصیت ویژه ای نمی باشد.

خصوصیت های عمومی در تگ article

تگ article یا تگ مقالات از انواع Attribute های عمومی در HTML و HTML5 پشتیبانی می کند.

نکات مهم و کاربردی

  1. درون یک تگ article یا تگ مقالات استاندارد برای ساخت هدر یک پست باید از تگ سربرگ header استفاده کنید.
  2. درون یک تگ article استاندارد برای ساخت فوتر یک پست باید از تگ پابرگ footer استفاده کنید.
  3. درون یک تگ article استاندارد برای ساخت عنوان پست حتما از تگ های هدینگ استفاده کنید.
  4. تگ article یا تگ مقالات دارای یک تگ باز ( Opening Tag ) و یک تگ بسته ( Closing Tag ) می باشد.
  5. تگ article یا تگ مقالات درون خود می تواند شامل گروهی از عناصر HTML برای ساخت محتوا و عناصری مستقل باشد.

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

تگ article در HTML | تگ درج مقالات در اچ تی ام ال – اختصاصی سایت آموزی

محتوا نمایش
1 تگ article در HTML
2 تگ article در اچ تی ام ال
3 تگ مقالات می تواند در سکشن مستقل خود در صفحه به کار رفته نماینده ای از موارد زیر باشد:
4 تگ article از نظر پشتیبانی در مرورگرها
5 خصوصیت های ویژه در تگ article در اچ تی ام ال
6 خصوصیت های عمومی در تگ article
7 نکات مهم و کاربردی
7.1 پیوندهای مهم و کاربردی
7.2 تگ article در HTML | تگ درج مقالات در اچ تی ام ال – اختصاصی سایت آموزی
برچسب ها: آموزش کاربردی htmlآموزش کاربردی html5آموزش کاربردی طراحی سایتآموزش های htmlاچ تی ام التگزبان html
درباره سایت آموزی

علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب

نوشته های بیشتر از سایت آموزی
در اینستاگرام
ما را دنبال کنید!

مطالب زیر را حتما مطالعه کنید

رویداد های عمومی HTML ، رویداد عمومی HTML

ویژگی onbeforeprint در زبان اچ تی ام ال

صفت خصوصی accept در تگ input | ویژگی accept در html | صفت html

ویژگی name در زبان اچ تی ام ال

رویداد های عمومی HTML ، رویداد عمومی HTML

ویژگی onbeforeunload در تگ body

تفاوت شناسه و کلاس در اچ تی ام ال و سی اس اس

تفاوت inline-level و block-level در زبان html | تگ inline-level در html

تفاوت بلاک لول و اینلاین لول در زبان اچ تی ام ال

رویداد های عمومی HTML ، رویداد عمومی HTML

ویژگی عمومی onblur در زبان اچ تی ام ال

قدیمی تر meta تگ ها در HTML بخش اول
جدیدتر meta تگ ها در HTML بخش دوم

2 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

  • حمید گفت:
    تیر 3, 1397 در 12:00

    آیا برای تعداد دفعات استفاده از تگ آرتیکل در صفحه محدودیت داریم، مثلا می توان در یک صفحه از ۲۵ تگ آرتیکل که هر یک دارای محتواهایی متفاوت هستند استفاده کرد؟؟؟

    پاسخ
    • سایت آموزی گفت:
      تیر 3, 1397 در 19:30

      درود.. در مورد استفاده از تگ های article در یک صفحه محدودیتی وجود نداره… در حقیقت شما مثلا می تونید صفحه بلاگی داشته باشید که دارای مقالات مختلفی از موضوعات و محتواهای مختلف باشد… مثلا فرض کنید در صفحه دسته طراحی سایت بیش از 100 مقاله قرار بدید نه تنها ایراد و محدودیت نداره بلکه هرچقدر تعداد آرتیکل های شما در موضوعات مختلف بیشتر باشه تاثیر مطلوب تری در سئوی وبسایت شما خواهد داشت… البته مثالی که زدم یک نمونه بود، شما هر کسب و کاری دارید به دلخواه میتونی صفحاتی با تعداد آرتیکل های نامحدود ایجاد کنید… با تشکر از شما دوست عزیز…

      پاسخ

دیدگاهتان را بنویسید لغو پاسخ

دو + 9 =

دوره های آموزشی
دوره طراحی سایت فروشگاهی دوره طراحی سایت فروشگاهی
دوره طراحی سایت فرانت اند آموزش طراحی سایت فرانت اند
لوگوی معتبر پرداخت بانک اینترنتی پی لاین
لوگوی معتبر نماد اعتماد الکترونیک
لوگوی معتبر ساماندهی رسانه های دیجیتال
logo-samandehi
آخرین مقالات سایت آموزی
  • زبان های برنامه نویسی طراحی سایت
  • آموزش نصب وردپرس در لوکال هاست
  • رفع ارور Inline small CSS در جی تی متریکس
  • ویژگی onbeforeprint در زبان اچ تی ام ال
  • ویژگی name در زبان اچ تی ام ال
آخرین دیدگاه‌ها
  • مریم در خاصیت background-color در css
  • ابوالفضل در تفاوت شناسه و کلاس در اچ تی ام ال و سی اس اس
  • سایت آموزی در آموزش رایگان طراحی سایت شرکتی با وردپرس ( جدید 1401 )
  • hadi sobati در آموزش رایگان طراحی سایت شرکتی با وردپرس ( جدید 1401 )
  • سایت آموزی در آموزش HTML و CSS رایگان ، پروژه محور و کاربردی ( جدید 1401 )
تمامی حقوق برای سایت آموزی محفوظ می باشد.

ورود

16 − یک =

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت