عناصر جدید HTML5

عناصر جدید HTML5

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

عناصر جدید و ساختاری جدید

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

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

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

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

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

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

نوواپایه ورودی

نوواپایه ورودی نوواپroperty ورودی
  • رنگ
  • date
  • datetime
  • datetime-local
  • email
  • ماه
  • number
  • range
  • search
  • tel
  • زمان
  • url
  • هفته
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • طول و عرض
  • لیست
  • min و max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

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

آموزش ویژگی‌های ورودی HTMLویژگی‌های ورودی در

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

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

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

برچسب‌ها توضیحات
خالی <input type="text" value="Bill Gates"> disabled>
Unquoted <input type="text"> value=Bill>
Double-quoted <input type="text"> value="Bill Gates">
Single-quoted <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محتوای.