عناصر جدید HTML5

عناصر جدید HTML5

در اینجا عناصر جدید HTML5 و توضیحات مربوط به آنها لیست شده‌اند.

عناصر جدید معنایی/ساختاری

عناصر جدید HTML5 امکان ساخت ساختار مستند بهتری را فراهم می‌کند:

برچسب توضیحات
<article> تعریف مقاله‌های مستقل در داخل مستند.
<aside> تعریف محتوایی که خارج از محتوای صفحه است.
<bdi> تعریف جهت نوشتاری متفاوت با باقی متن.
<details> تعریف جزئیات اضافی که کاربر می‌تواند ببیند یا پنهان کند.
<dialog> تعریف دیالوگ یا پنجره.
<figcaption> تعریف عنوان عناصر <figure>.
<figure> تعریف محتوای مستقل، مانند تصاویر، نمودارها، عکس‌ها، لیست‌های کد و غیره.
<footer> تعریف پاورقی مستند یا بخش.
<header> تعریف سربرگ مستند یا بخش.
<main> تعریف محتوای اصلی مستند.
<mark> تعریف محتوای مهم یا برجسته.
<menuitem> تعریف دستورات/آیتم‌های منو که می‌توانند از منوی پراشی باز شوند.
<meter> تعریف اندازه‌گیری مقیاس سنجنده در محدوده معلوم (مقیاس).
<nav> تعریف لینک‌های جستجو در داخل مستند.
<progress> تعریف پیشرفت وظیفه.
<rp> تعریف چیزی که در مرورگرهایی که پشتیبانی از نظرات ruby ندارند نمایش داده می‌شود.
<rt> تعریف توضیحات/تلفظ کاراکترها (برای فونت‌های آسیایی).
<ruby> تعریف نظرات ruby (برای فونت‌های آسیایی).
<section> تعریف بخش‌های مستقل در مستند.
<summary> تعریف عنوان قابل مشاهده برای عناصر <details>.
<time> تعریف تاریخ/زمان.
<wbr> تعریف خط‌شکنی‌های ممکن (line-break).

بیشتر بخوانید... 语义 HTML5محتوا.

عناصر جدید فرم

برچسب توضیحات
<datalist> تعریف گزینه‌های پیش‌تعیین شده برای کنترل ورودی.
<keygen> تعریف زمینه‌سازنده کلیدهای فیلتر (برای فرم‌ها).
<output> نتیجه محاسباتی تعریف می‌شود.

بیشتر بخوانید... عناصر فرم HTMLعناصر قدیمی، جدید و قدیمی‌تر چین.

نوپدید آمده‌ترین نوع‌های ورودی

نوپدید آمده‌ترین نوع‌های ورودی نوپدید آمده‌ترین ویژگی‌های ورودی
  • رنگ
  • تاریخ
  • datetime
  • datetime-local
  • ایمیل
  • ماه
  • شماره
  • دامنه
  • جستجو
  • تلفن
  • زمان
  • URL
  • هفته
  • اتوماتیک تکمیل
  • اتوماتیک تمرکز
  • فرم
  • فرم عمل
  • فرم نوع داده‌ها
  • فرم روش
  • فرم بدون اعتبارسنجی
  • فرم هدف
  • کمیت و کوچکائی
  • لیست
  • min و max
  • چندگانه
  • pattern (regexp)
  • placeholder
  • لازم
  • گام

آموزش نوع‌های ورودی HTMLهمه نوع‌های ورودی قدیمی و جدید.

آموزش ویژگی‌های ورودی HTMLهمه خصوصیات ورودی.

HTML5 - دستور زبان جدید ویژگی‌ها

HTML5 چهار دستور زبان مختلف از ویژگی‌های ورودی را مجاز می‌کند.

این مثال استفاده از دستور زبان‌های مختلف در برچسب <input> را نشان می‌دهد:

برچسب توضیحات
خالی <input type="text" value="Bill Gates"> غیرفعال>
بدون قید <input type="text"> value=Bill>
قید شده به دو علامت نقل <input type="text"> value="Bill Gates">
قید شده به یک علامت نقل <input type="text"> value='Bill Gates'>

در HTML5، ممکن است بر اساس نیاز به ویژگی‌ها، از همه این چهار دستور زبان استفاده شود.

تصویر HTML5

برچسب توضیحات
<canvas> تعریف نقاشی تصاویر با استفاده از JavaScript.
<svg> تعریف نقاشی تصاویر با استفاده از SVG.

بیشتر بخوانید... کانواس HTML5 محتوا.

بیشتر بخوانید... SVG HTML5 محتوا.

عناصر جدید رسانه‌ای

برچسب توضیحات
<audio> تعریف محتوای صوتی یا موسیقی.
<embed> تعریف جعبه‌های برنامه‌های خارجی (مثلاً پلاگین‌ها).
<source> تعریف منابع <video> و <audio>.
<track> تعریف مسیرهای <video> و <audio>.
<video> تعریف محتوای ویدئو یا فیلم.

بیشتر بخوانید... ویدئوی HTML5محتوا.

بیشتر بخوانید... صوتی HTML5محتوا.