آموزش HTML – فصل بیست و هفتم: المان های جدید در ۵ HTML

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

5 از 5
از 1 رای
(رای دهید)
آموزش HTML – فصل بیست و هفتم: المان های جدید در ۵ HTML

المان های جدید در HTML 5

اچ تی ام ال ۵ المان های جدیدی را برای ساختار بندی بهتر پرونده ها ارائه می دهد در پایین یک لیست از المان های جدید اچ تی ام ال ۵ و توضیح درباره کاربرد آنها وجود دارد:

<article> یک مقاله یا article را در یک پرونده تعریف می کند.

<aside> مطالبی را در کنار مطالب صفحه تعریف می کند. (مناسب برای سایدبار)

<bdi> یک قسمت از متن را که ممکن است در یک جهت متفاوت از دیگر متن های اطرافش قالب بندی شده باشد را، از آن ها، مجزا میکند.

<details> جزئیات اضافه ای را تعریف میکند که کاربر می تواند آنها را نمایش داده یا مخفی کند.

<dialog> یک جعبه یا پنجره دیالوگ را تعریف می کند.

<figcaption> یک عنوان را برای یک المان <figure> تعریف می کند.

<figure> یک مطلب خود-حاوی یا self-contained را تعریف می کند.

<footer> یک پانویس را برای یک پرونده یا بخش (section) تعریف می کند. (مناسب برای فوتر وب سایت ها)

<header> یک سربرگ را برای یک پرونده یا بخش (section) تعریف می کند.

<main> مطلب اصلی یک پرونده را تعریف می کند.

<mark> متن علامت دار یا پررنگ شده را تعریف می کند.

<meter> یک اندازه گیری مقیاسی را در بین یک محدوده تعریف میکند. (یک درجه یا gauge)

<nav> لینک های راهبری را تعریف می کند. (مخصوص فهرست سازی)

<progress> میزان پیشرفت یک عملیات را نشان می دهد.

<rp> تعریف می کند که مرورگر هایی که از حاشیه نویسی ruby پشتیبانی نمی کنند چه چیزی را نمایش بدهند.

<rt> توضیحات و طرز ادای کاراکتر ها را تعریف می کند (برای نوشتار شرق آسیایی)

<ruby> یک حاشیه نویسی ruby را تعریف می کند (برای نوشتار شرق آسیایی).

<section> یک بخش یا section را در یک پرونده تعریف می کند.

<summary> یک سربرگ قابل نمایش برای یک المان <details> تعریف می کند.

<time> یک تاریخ و زمان را تعریف می کند.

<wbr> یک شکست خط یا line-break محتمل را تعریف می کند.

درباره المان های معنایی اچ تی ام ال در فصل بعد بیشتر بخوانید.

المان های فرم form جدید:

<datalist> برای یک ورودی لیست از پیش تعیین شده را ایجاد می کند.

<output> نتیجه یک محاسبه را تعریف میکند.

همه چیز درباره تمام المان های جدید و قدیمی مخصوص فرم را در فصل المان های فرم بخوانید.

Type های جدید input

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

خاصیت های جدید input

  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height and width
  • list
  • min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

همه چیز را درباره type های ورودی جدید و قدیمی را در فصل تایپ های ورودی اچ تی ام ال بخوانید.

همه چیز را درباره خاصیت های ورودی جدید و قدیمی در فصل خاصیت های ورودی اچ تی ام ال بخوانید.

سینتکس جدید Attribute ها در اچ تی ام ال ۵

اچ تی ام ال ۵ به چهار سینتکس مختلف برای نوشتن خاصیت ها اجازه می دهد. این مثال ترکیب های مختلف استفاده شده برای یک تگ <input> را شرح می دهد:


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

المان های گرافیک در HTML 5

تگ <canvas> طراحی های گرافیکی را در حین کدنویسی به وسیله جاوا اسکریپت انجام می دهد.

تگ <svg> طراحی وکتور های مقیاس پذیر را انجام می دهد.

المان های چند رسانه ای جدید در HTML 5

<audio> محتوای صوتی را تعریف می کند.

<embed> یک نگه دارنده (Container) را برای یک برنامه ی خارجی که اچ تی ام ال نباشد تعریف می کند.

<source> منبع چند رسانه ای را برای المان های <video> و <audio> تعریف می کند.

<track> برای المان های رسانه ای <video> و <audio> مسیر یا track متنی تعریف می کند.

<video> یک فایل video یا فیلم را تعریف می کند.

مثالی از المان های چند رسانه ای:


رای شما به "آموزش HTML – فصل بیست و هفتم: المان های جدید در ۵ HTML" چیست؟

رای شما با موفقیت ثبت شد.

ثبت رای شما با پیغام خطا همراه بود.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

مطالب پیشنهادی آموزش
مطالب پیشنهادی بررسی
مطالب پیشنهادی تصاویر
مطالب پیشنهادی تکنولوژی
مطالب پیشنهادی علمی
مطالب پیشنهادی ماشین
مطالب پیشنهادی ویدئو
برخی از محصولات تکنولوژی
دسته بندی
بستن