دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲
  • آذر

جلسه ۲۹ : آموزش کار با تگ data در HTML

  • دسته‌بندی‌ها :
جلسه ۲۹ : آموزش کار با تگ data در HTML
    • جزئیات
    • نوع محتواآموزشی

      مقدمه

      سلام پی وی لرنی های عزیز!
      به دوره آموزش تگ های HTML خوش آمدید!
      HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
      می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
      HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
      دوست دارید طراح وب شوید؟
      خب باید HTML را بیاموزید!
      نگران نشوید! یادگیری HTM کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
      در جلسه قبل با تگ colgroup  آشنا شدیم؛ تگ colgroup در HTML پرداختیم و یاد گرفتیم که تگ colgroup گروهی از یک یا چند ستون را در یک جدول برای قالب بندی مشخص می کند تا برای ستون های آن استایل تعریف نماید.
      در این جلسه آموزش کار با تگ data در HTML را به علاقمندان این دوره ارائه می نماییم.

      آموزش کار با تگ data در HTML

      در مثاال زیر چند محصول معرفی شده اند.
      این محصولات در کنار نامی که دارند برای خود شماره محصول مرتبط دارند.

      مثال : 

      تعریف و کاربرد

      همان طور که تا به حال متوجه شده اید تگ data هر نوع محتوایی را برای ماشین ها ترجمه می نماید.
      این تگ به عنوان پردازشگر یک محتوای قابل خواندن برای دستگاه های ماشین خوان ایجاد می نماید و این محتوا علاوه بر دستگاه ها برای ارائه به مرورگر نیز قابل استفاده اند و لذا قابلیت خوانایی برای انسان را نیز دارند.

      نکات و توصیه ها

      اگر محتوای شما مربوط به زمان یا تاریخ است، به جای تگ data باید از تگ time استفاده کنید.

      پشتیبانی مرورگر ها

      عنصر
      <data>۶۲٫۰۲۲٫۰۴۹٫۰پشتیبانی نمی شودبله

      تفاوت بین HTML 4.01 و HTML5

      تگ <data> در HTML5 تگ جدیدی محسوب می شود.

      خصیصه ها

      خصیصهمقدارتوضیحات
      valuemachine-readable valueاین خصیصه مقدار قابل ترجمه را برای ماشین های مترجم مشخص می کند.

      خصیصه های سراسری Global Attributes

      تگ <data> از خصیصه های سراسری در HTML پشتیبانی می کند.

      کلام آخر

      در این جلسه با تگ data آشنا شدیم و آموختیم که تگ data محتوایی را برای دستگاه های ماشین ماشین خوان ترجمه می نماید.
      در  جلسه آینده به کار با تگ datalist می پردازیم.
      با پی وی لرن همراه باشید.

      QR:  جلسه ۲۹ : آموزش کار با تگ data در HTML
      به اشتراک بگذارید