شامل عناصر HTML قدیمی و کسانی که به HTML5 جدید هستند
در حالی که توسعه آن سالها پیش آغاز شده بود، ابتدا HTML5 ابتدا با طراحان وب / طراحان در سال 2010 شروع به استفاده مشترک از آن کردند. درست از دروازه، زبان به بسیاری از متخصصان وب آشناست؛ زیرا به جای تلاش برای نوآوری همه چیز از ابتدا، HTML5 ساخته شده بر روی چه پیش آمده است هر کسی که می دانست که HTML 4.01 به سرعت متوجه شد که بسیار کمی از آن نسخه می تواند در HTML5 پیدا شود.
در حالی که HTML5 شامل بسیاری از عناصر است که در مدت زمان کمی در HTML وجود دارد، آن را نیز معرفی تعدادی از عناصر که به HTML5 جدید بود. برای بسیاری از این عناصر جدید، یک رویکرد به نام "کوره کشیدن" استفاده شده است. این یک اصطلاح است که معمولا در فناوری اطلاعات مورد استفاده قرار می گیرد و اساسا به معنای نگاه کردن به آنچه که مردم در حال انجام هستند و انجام آن هستند. در مورد طراحان وب این بدان معنا بود که آنها قبلا صفحات را ساختند و تصمیمات را بر عناصر جدید بر روی آن فعالیت ها بنا نهاده بودند. به عنوان مثال، بسیاری از متخصصان وب، وبسایتهایی را با بخشهایی که از ویژگیهای شناسه یا کلاس "header"، "nav" و "footer" استفاده می کنند، ایجاد می کنند. به همین ترتیب، HTML5 اینها را به عنوان عناصر جدید معرفی کرد، به این معنا که حرفه ای های وب می توانند معانی بیشتری را به اسناد خود اضافه کنند، با استفاده از عناصر جداگانه اختصاصی به جای تقسیم بندی فقط. این ترکیبی از آشنایی و رویکردی است که به رسمیت شناخته شده شیوه های فعلی به HTML5 کمک می کند تا توسط صنعت طراحی وب به سرعت درک شود.
Doctype HTML5
اولا، برای استفاده از هر عنصر HTML5 جدید، سند شما باید شامل نوع doctype HTML5 باشد:
شما ممکن است متوجه شوید که این نوع doctype به طور خاص "HTML5" را ذکر نمی کند، بلکه به سادگی این نسخه را به عنوان "HTML" بیان می کند. این به این دلیل است که این نوع doctype چیزی است که در نظر گرفته شده برای استفاده در مورد همه تکرارهای زبان استفاده می شود.
در حقیقت، HTML5 باید آخرین نسخه از زبان باشد، با تغییرات جدید در آینده به طور سازگار اضافه شده است. در حقیقت، برخی از عناصر در لیست زیر به خوبی پس از آن که در سال 2010 شروع شد، به زبان اضافه شد!
برچسب های HTML5
برچسب | توضیح |
---|---|
لنگر یا پیوند | |
abbr> | اختصار |
<آدرس> آدرس> | آدرس یا نویسندگان سند |
<منطقه> | نقشه تصویر مشتری |
| مقاله |
<کنار> به کنار> | محتوای مماس |
جریان صوتی | |
b> | پررنگ |
| مسیرهای پایگاه URI برای عناصر در سند |
bdo> | الگوریتم دو طرفه |
blockquote> | نقل قول بلند |
body> | بدن صفحه |
| شکستن خط |
<دکمه> button> | دکمه فرم HTML |
نقاشی برای گرافیک پویا | |
اظهار نظر | |
| عنوان جدول |
cite> | استناد |
code> | مرجع کد |
| ستون جدول |
| گروه ستون جدول |
| فرمان یا عمل روی صفحه |
تعریف نوع سند | |
| شبکه داده |
گزینه های از پیش تعیین شده برای کنترل های دیگر | |
| توصیف لیست تعاریف و یا دوره گفتمان |
| متن حذف شده |
<جزئیات> جزئیات> | اطلاعات اضافی در مورد تقاضا |
dfn> | تعریف |
گفتگو | |
div> | تقسیم منطقی |
| فهرست توصیفی |
| اصطلاح لیست تعریف یا سخنران گفتار |
em> | تاکید |
عنصر جاسازی شده برای پلاگین ها | |
فرم کنترل گروه | |
| عنوان برای یک عنصر |
شکل با عنوان اختیاری | |
پاورقی صفحه | |
<فرم> form> | فرم |
h1> | سرفصل اول سطح |
h2> | عنوان دوم سطح |
h3> | عنوان سوم سوم |
h4> | عنوان چهارم سطح |
h5> | عنوان پنجم سطح |
h6> | عنوان ششم سطح |
head> | رئیس سند |
| هدر یک صفحه |
hgroup> | گروه سربرگ |
| قاعده افقی |
html> | عنصر ریشه ای از یک صفحه وب |
i> | سبک متن Italics |
قاب درونی | |
تصویر | |
<ورودی> | عنصر فرم ورودی |
عنصر شکل دکمه | |
عنصر شکلک جعبه | |
ورودی رنگ | |
ورودی تاریخ | |
ورودی تاریخ و زمان جهانی | |
ورودی تاریخ و زمان محلی | |
ورودی آدرس ایمیل | |
عنصر فرم آپلود فایل | |
عنصر فیلد پنهان | |
عنصر شکل تصویر | |
ورودی سال و ماه | |
ورودی شماره | |
عنصر فرم رمز عبور | |
عنصر فرم دکمه رادیویی | |
ورودی نامعتبر | |
عنصر فرم دکمه بازنشانی | |
زمینه جستجو | |
عنصر فرم دکمه ارسال کنید | |
ورودی شماره تلفن | |
عنصر فرم فیلد متن | |
ورودی زمان | |
ورودی URL | |
ورودی سال و هفته | |
ins> | متن درج شده |
kbd> | متن توسط کاربر وارد شود |
| کلید های امن برای مدیریت گواهی ایجاد کنید |
برچسب فرم | |
عنوان فیلد فرم | |
| لیست مورد |
پیوند به اسناد مرتبط | |
| محدوده اصلی محتوای در یک صفحه |
<نقشه> map> | نقشه تصویر مشتری |
<مارک> مارک> | متن مشخص شده یا برجسته شده |
فهرست دستورات | |
متا اطلاعات در مورد سند | |
<متر> متر> | سنج Scalar |
تعریف یک ناحیه با پیوندهای ناوبری است | |
محتوا زمانی که اسکریپت ها در دسترس نیستند | |
شیء غیر استاندارد | |
| فهرست مرتب شده یا شماره |
گروهی از گزینه ها در لیست انتخابی | |
<گزینه> option> | گزینه در لیست انتخاب |
<خروجی خروجی> | نتیجه محاسبات فرم |
p> | پاراگراف |
پارامتر عنصر شیء | |
pre> | متن پیش فرمت شده |
شاخص پیشرفت | |
q> | نقل قول کوتاه |
پرانتز روبی | |
متن روبی | |
ruby> | حاشیه نویسی روبی |
| متن اعتصاب |
samp> | خروجی نمونه |