سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانهگذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTM کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل با تگ colgroup آشنا شدیم؛ تگ colgroup در HTML پرداختیم و یاد گرفتیم که تگ colgroup گروهی از یک یا چند ستون را در یک جدول برای قالب بندی مشخص می کند تا برای ستون های آن استایل تعریف نماید.
در این جلسه آموزش کار با تگ data در HTML را به علاقمندان این دوره ارائه می نماییم.
در مثاال زیر چند محصول معرفی شده اند.
این محصولات در کنار نامی که دارند برای خود شماره محصول مرتبط دارند.
1 2 3 4 | <li><data value="21053">Cherry Tomato</data></li> <li><data value="21054">Beef Tomato</data></li> <li><data value="21055">Snack Tomato</data></li> </ul> |
همان طور که تا به حال متوجه شده اید تگ data هر نوع محتوایی را برای ماشین ها ترجمه می نماید.
این تگ به عنوان پردازشگر یک محتوای قابل خواندن برای دستگاه های ماشین خوان ایجاد می نماید و این محتوا علاوه بر دستگاه ها برای ارائه به مرورگر نیز قابل استفاده اند و لذا قابلیت خوانایی برای انسان را نیز دارند.
اگر محتوای شما مربوط به زمان یا تاریخ است، به جای تگ data باید از تگ time استفاده کنید.
عنصر | |||||
<data> | ۶۲٫۰ | ۲۲٫۰ | ۴۹٫۰ | پشتیبانی نمی شود | بله |
تگ <data> در HTML5 تگ جدیدی محسوب می شود.
خصیصه | مقدار | توضیحات |
---|---|---|
value | machine-readable value | این خصیصه مقدار قابل ترجمه را برای ماشین های مترجم مشخص می کند. |
تگ <data> از خصیصه های سراسری در HTML پشتیبانی می کند.
در این جلسه با تگ data آشنا شدیم و آموختیم که تگ data محتوایی را برای دستگاه های ماشین ماشین خوان ترجمه می نماید.
در جلسه آینده به کار با تگ datalist می پردازیم.
با پی وی لرن همراه باشید.