استانداردهای کدنویسی HTML5 برگه تقلب HTML5 به زبان روسی در یادگیری این کتاب درسی HTML این کتاب درسی، یادگیری نه تنها فن آوری، بلکه در رویا، این کتاب درسی در این کتاب درسی، یادگیری نه تنها فناوری، بلکه همچنین خواب

این سایت به زبان نشانه گذاری مدرن - HTML5 اختصاص دارد.
هدف سایت: گفتن هرچه بیشتر در مورد HTML5 به شما.

سایت منبع در عین حال یک دایره المعارف، یک کتاب درسی و یک کتاب مرجع در زبان HTML5 است، نه یک کتاب درسی برای مبتدیان در HTML. هدف سایت روشن کردن موارد زیر است:

• HTML5 در توسعه وب مدرن چیست؟
• این زبان شروع به پشتیبانی از چه فناوری هایی می کند؟
• چه تگ های جدیدی در HTML5 معرفی می شوند؟
• چه تفاوتی با HTML4 یا XHTML دارد؟
• آیا اکنون امکان استفاده از HTML5 وجود دارد؟
• و غیره

HTML5 چیست؟

HTML5 یک فناوری جدید در توسعه صنعت وب است که برای ایجاد کارآمد سایت ها و برنامه های کاربردی تلفن همراه طراحی شده است. اجازه دهید ابتدا نکات اصلی را در نظر بگیریم که هنگام ایجاد مشخصات زبان HTML5 به آنها توجه می شود.

اولاً، تقریباً هر چیزی که اکنون با ایجاد وب سایت مرتبط است برای تحرک (انطباق پذیری) تلاش می کند. به طوری که هر سایتی که باز می کنید می تواند در هر دستگاهی، خواه کامپیوتر، لپ تاپ، تبلت یا گوشی هوشمند خوانده شود. فن آوری های جدید مانند HTML5، CSS3، جاوا اسکریپت مدرن (و کتابخانه های آن) و حتی یک گرایش جدید در طراحی وب به نام Flat style به شما در این امر کمک می کند.

ثانیاً، یکی از مؤلفه‌های مهم HTML5 معناشناسی است، هر تگ اکنون بار معنایی خود را خواهد داشت و فقط این یا آن محتوا را قالب‌بندی نمی‌کند. برنامه هایی (به عنوان مثال، موتورهای جستجو) که یک سایت ساخته شده بر روی HTML5 را تجزیه و تحلیل می کنند باید بفهمند چه داده هایی بین برچسب ها وجود دارد، ماهیت آنها چیست و اهمیت آنها چیست.

ثالثاً، توجه زیادی به استقلال زبان HTML از افزونه ها می شود. موسیقی، ویدیو، انیمیشن، بازی، همه اینها به زودی بدون بارگیری برنامه های شخص ثالث در رایانه و مرورگر شما امکان پذیر خواهد بود.

چهارم، اکنون می‌توانید از micro-markup و آن مشخصاتی که قبلاً بخشی از XML بودند، مستقیماً در کد استفاده کنید، برای مثال، می‌توانید از مشخصات SVG (که شکل‌های برداری مختلف ایجاد می‌کند) مستقیماً در کد یک سند HTML استفاده کنید.

چه فناوری های جدیدی در HTML5 معرفی شده اند؟

HTML5 فن آوری های زیادی را معرفی کرده است که فرصت های جالبی را برای مدیران وب سایت ها باز می کند، در اینجا به برخی از آنها اشاره می کنیم:

عنصر بوم (برچسب) به شما امکان می دهد گرافیک های برداری بسازید، آنها را متحرک سازید و حتی بازی بسازید. هدف این فناوری جایگزینی کامل انیمیشن های فلش در سایت است.

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

اکنون امکان تعیین موقعیت جغرافیایی مکان کاربر وجود دارد.

همانطور که در بالا ذکر شد، اکنون می توانید بدون اتصال پلاگین های شخص ثالث به مرورگر، ویدیوها را تماشا کنید و به موسیقی گوش دهید.

سایر فناوری ها.

HTML5 چه تفاوتی با HTML4 و XHTML دارد؟

در HTML5، ساختار کد سند HTML کمی تغییر کرده است، به عنوان مثال، تنها یک doctype باقی مانده است، برچسب ها و ویژگی های جدیدی ظاهر شده اند که از نظر معنایی صفحه سایت را به محتوای بالا، پایین، جانبی و اصلی تقسیم می کنند.

بسیاری از تگ ها و ویژگی های HTML4 اکنون منسوخ شده اند. اما در عین حال، HTML5 به طور کامل با زبان های نشانه گذاری قبلی HTML3، HTML4 و XHTML سازگار است.

مشخصات HTML5 در نهایت به نحوه تعامل عناصر صفحه با زبان برنامه نویسی جاوا اسکریپت با استفاده از فناوری DOM اشاره کرد. زیرا در حال حاضر تگ ها در HTML5 به عنوان اشیاء تمام عیار در نظر گرفته می شوند.

مشخصات HTML5 توضیحی در مورد نحوه برخورد مرورگرها با خطاهایی که در کد HTML با آن مواجه می شوند اضافه کرد (این برای توسعه دهندگان مرورگر مهم است). قبل از این، توسعه دهندگان مرورگر فقط توضیحاتی در مورد نحوه پردازش کدهای صحیح بدون خطا توسط مرورگر داشتند.

آیا اکنون امکان استفاده از HTML5 وجود دارد؟

بله، تو میتونی! تقریباً همه بازیگران اصلی صنعت وب به HTML5 روی آورده اند، زیرا این زبان کاملاً حال و آینده ما است. همه مرورگرهای مدرن از HTML5 پشتیبانی می کنند.

سرانجام

سازمان‌های W3C و WHATWG که در حال توسعه HTML5 هستند، تصمیم گرفته‌اند در آینده به نسخه‌های جدید این زبان شماره‌گذاری نکنند؛ از این پس، در آینده، می‌توانید به سادگی HTML را بدون شناسایی دیجیتال بگویید. عناصر جدید (برچسب ها) و فناوری ها (API) که در زبان ظاهر می شوند به سادگی به مشخصات موجود اضافه می شوند.

آیا می خواهید به سرعت شرحی از یک عنصر یا ویژگی HTML5 مورد استفاده در یک صفحه وب یا برنامه وب را پیدا کنید؟ در اینجا یک کتاب مرجع کلاسیک است که طراحان وب و توسعه دهندگان وب بیش از 15 سال سعی کرده اند آن را در اختیار داشته باشند.
ویرایش پنجم کتاب شامل شرح کامل عناصر و ویژگی‌های HTML5 مطابق با توصیه‌های HTML5 Candidate، HTML5.1 Working Draft و استانداردهای WHATWG است. ویژگی های دایرکتوری:
- فهرستی از عناصر و ویژگی‌های مرتب شده بر اساس حروف الفبا از HTML5، HTML5.1 و استاندارد WHATWG.
- نمونه هایی از نشانه گذاری، دسته بندی محتوا، مدل های محتوا و الزامات برچسب شروع/پایان برای هر عنصر؛
- شرح تفاوت بین مشخصات HTML5 و HTML4.01؛
- جداول شخصیت های خاص؛
- مروری بر کتابخانه های API مورد استفاده در HTML5.

چه یک توسعه دهنده وب سایت با تجربه باشید یا بخواهید به سرعت وب سایتی مطابق با آخرین استانداردها بسازید، این کتاب مفید را ضروری خواهید یافت.

مقاله یا کتاب را دوست داشتید؟ با دوستانتان به اشتراک بگذارید:

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

کنوانسیون کد HTML

برای بسیاری از توسعه دهندگان وب، مشخصات کد HTML به خوبی درک نشده است.

در سال 2000-2010، بسیاری از توسعه دهندگان وب از HTML به XHTML تبدیل شدند.

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

و در HTML5، ما باید استانداردهای کد نسبتا خوبی را تشکیل دهیم، چندین دستورالعمل در زیر مشخصات ارائه شده است.

از نوع سند صحیح استفاده کنید

اعلان نوع سند در خط اول سند HTML:

DOCTYPE HTML>

اگر می خواهید از برچسب های دیگری مانند حروف کوچک استفاده کنید، می توانید از کد زیر استفاده کنید:

DOCTYPE HTML>

نام عناصر با حروف کوچک

نام عنصر HTML5 را می توان با حروف بزرگ یا کوچک استفاده کرد.

• مورد سبک مخلوط بسیار بد است.
• نوشتن حروف کوچک آسان است.

این یک پاراگراف است.

خیلی بد:

این یک پاراگراف است.

این یک پاراگراف است.

تمام عناصر HTML را خاموش کنید

در HTML5، شما نمی خواهید همه عناصر را ببندید (مانند عنصر)، اما توصیه می کنیم که هر عنصر باید یک تگ بسته را اضافه کند.

این یک پاراگراف است.

این یک پاراگراف است.

این یک پاراگراف است.

این یک پاراگراف است.

عناصر خالی HTML را ببندید

در HTML5، عنصر خالی HTML لازم نیست خاموش شود:

ما میتوانیم بنویسیم:

همچنین می توانید بنویسید:

XML، XHTML و اسلش (/) مورد نیاز است.

اگر قصد دارید از صفحه نرم افزار XML خود استفاده کنید، این سبک بسیار خوب است.

نام ویژگی با حروف کوچک

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

• استفاده از کیس یک عادت بسیار بد است.
• توسعه دهندگان معمولا از حروف کوچک (مشابه XHTML) استفاده می کنند.
• سبک حروف کوچک با طراوت تر به نظر می رسد.
• نوشتن حروف کوچک آسان است.

ارزش ملک

مقادیر ویژگی HTML5 را نمی توان نقل قول کرد.

• اگر مقدار ویژگی حاوی فاصله باشد، باید از نقل قول استفاده کنید.
• سبک ترکیبی توصیه نمی شود، سبک تک پیشنهاد می شود.
• خواندن مقادیر دارایی با استفاده از نقل قول آسان است.

مقدار مشخصه مثال زیر حاوی فاصله است، از نقل قول استفاده نکنید، ممکن است کار نکند:

موارد زیر از دو نقل قول استفاده می کنند و درست است:

خواص

اغلب از ویژگی‌های Image Alt استفاده می‌شود. اگر تصویر قابل نمایش نباشد، می تواند جایگزین نمایشگر تصویر شود.

= "HTML5" style = "عرض: 128px؛ ارتفاع: 128px">

اندازه تصویر تعیین می شود، می توان در زمان بارگیری مقدار مشخص شده رزرو کرد، سوسو زدن را کاهش داد.

= سبک "HTML5" = "عرض: 128 پیکسل؛ ارتفاع: 128 پیکسل">

فضاها و علائم مساوی

می توانید از فاصله های قبل و بعد از علامت مساوی استفاده کنید.

از خطوط طولانی کد خودداری کنید

با استفاده از ویرایشگر HTML، پیمایش کدهای چپ و راست ناخوشایند است.

هر خط کد تا حد امکان کمتر از 80 کاراکتر است.

خطوط خالی و تورفتگی

بدون دلیل یک خط خالی اضافه نکنید.

برای هر بلوک منطقی کاربردی، یک خط خالی اضافه کنید که خوانایی آن را بیشتر می کند.

از خطوط خالی غیر ضروری بین کدهای کوتاه استفاده نکنید.

خطوط و تورفتگی های خالی اضافی:

این آموزش

HTML

این آموزش نه تنها تکنولوژی، بلکه خواب را نیز آموزش می دهد.
این کتاب درسی، نه تنها تکنولوژی، بلکه در رویا را نیز آموزش می دهد،
این آموزش نه تنها تکنولوژی، بلکه خواب را نیز آموزش می دهد.

این آموزش

در این آموزش نه تنها تکنولوژی، بلکه خواب نیز آموزش داده می شود.
این آموزش نه تنها تکنولوژی، بلکه خواب را نیز آموزش می دهد.
این آموزش نه تنها تکنولوژی، بلکه خواب را نیز آموزش می دهد.
این آموزش نه تنها تکنولوژی، بلکه خواب را نیز آموزش می دهد.

فرم نمونه:

نام
شرح


آ
توضیحات A


ب
توضیحات B

لیست نمونه:

لندن

پاریس

توکیو

از قلم بیاندازیم و؟

در استاندارد HTML5، تگ را می توان حذف کرد.

اسناد زیر HTML5 معتبر هستند:

مثال:

DOCTYPE HTML>

عنوان صفحه

این عنوان است

این یک پاراگراف است.

امتحان کن »

عنصر عنصر اصلی سند است، زبان مورد استفاده برای توصیف صفحه:

DOCTYPE HTML>

بیانیه زبان برای سهولت خواندن در صفحه نمایش و موتورهای جستجو.

بیایید خرابی های نرم افزار DOM یا XML را حذف کنیم.

بیایید خطای رخ داده در مرورگرهای قدیمی (IE9) را حذف کنیم.

آیا آن را حذف کنیم؟

در استاندارد HTML5، تگ را می توان حذف کرد.

مرورگر قبل از اینکه عنصر به پیش فرض اضافه شود، محتویات را به طور پیش فرض تنظیم می کند.

مثال ها

DOCTYPE HTML>

عنوان صفحه

این عنوان است

این یک پاراگراف است.

سعی کنید » فراداده

HTML5 به عنصری نیاز دارد که عنوان آن موضوع صفحه را توصیف کند:

در این آموزش

عنوان و زبانی که به موتور جستجو امکان می دهد موضوع صفحه شما را به سرعت درک کند:

DOCTYPE HTML>



در این آموزش

طراح وب - مشخصات HTML5 (HTML 5)

برچسب‌ها در HTML5 تگ‌های XML-HTML هستند که ساختار یک صفحه وب را توصیف می‌کنند، به گونه‌ای طراحی شده‌اند که یک برنامه کامپیوتری (ربات جستجوگر و غیره) بتواند محتوای اصلی صفحه را از بقیه صفحه (فرمول‌بندی و عناصر ناوبری) تشخیص دهد. : بالا، پایین، منو، عناصر کنار صفحه، بلوک های تکرار شونده (پویا) و غیره. همچنین در سطح محتوای اصلی (متن صفحه) تقسیم بندی وجود دارد. زبان HTML5 خود یک افزونه برای HTML، XML، CSS و غیره است.

عنوان صفحه بالای صفحه وب، "هدر" منوی اصلی صفحه وب بدنه اصلی، مقاله، مطالب صفحه نوار کناری (نوار کناری) پایین صفحه، پاورقی

ساختار وب سایت

- قاب محتوای اصلی صفحه (مقاله)،
- هدر صفحه را قاب کنید،
- قاب پاورقی صفحه،
- کادر منوی اصلی صفحه،
- قاب کردن نوار کناری صفحه (نوار کناری)،
- بلوک های تکراری فریم در صفحه (به عنوان مثال نظرات).

عناصر کد قالب صفحه وب HTML5.

- رمزگذاری ویندوز 1251 را اختصاص دهید.

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

- نمایش سایت در دستگاه های تلفن همراه

هدر - هدر صفحه سایت، معمولا حاوی لوگوی سایت، سربرگ، شماره تلفن، نوار لغزنده و غیره است.

nav - منوی اصلی صفحه سایت.

مقاله - محتوای اصلی صفحه: مقاله، پست وبلاگ، موضوع انجمن و غیره. ممکن است حاوی متن، تصویر، فیلم، جداول و غیره باشد.

کنار - یک نوار کناری (نوار کناری) یک سایت، معمولاً حاوی عناصر مختلفی است، مانند: دسته ها، برچسب ها، آخرین پست ها / نظرات، منوی اضافی، شمارنده ها و غیره.

فوتر - قسمت پایین - پاورقی یک صفحه وب سایت، معمولاً حاوی اطلاعات مختلف (حق چاپ)، اطلاعات تماس (آدرس، شماره تلفن) و غیره است.

HTML5 در سطح ساختار صفحه

بیایید به لیست تگ های جدید HTML5 که مسئول تقسیم ساختار صفحه هستند نگاه کنیم:

- تگ هایی که عناصر طراحی قسمت بالای سایت را قاب می کنند که اصطلاحاً "هدر صفحه" نامیده می شود. از تگ های هدر نیز می توان به عنوان بالای تگ بخش استفاده کرد.

- برچسب هایی که منوی اصلی سایت را قاب می کنند.

- برچسب هایی که محتوای اصلی صفحه را قاب می کنند: مقاله، ورودی وبلاگ، اخبار، اولین ورودی انجمن و غیره.

- برچسب هایی که نوار کناری را قاب می کنند. نوار کناری به اصطلاح «نوار کناری» است که معمولاً شامل بلوک‌هایی از سرفصل‌ها (دسته‌ها)، ابرهای برچسب‌ها (برچسب‌ها)، فهرستی از پست‌های اخیر و غیره است. همچنین می‌توانید از برچسب‌های کناری برای قاب‌بندی شمارنده‌ها، ویجت‌ها (به عنوان مثال، نظرات VKontakte) و دکمه‌های اجتماعی استفاده کنید.

- برچسب هایی که پایین سایت را قاب می کنند، به اصطلاح "پانویس صفحه"، که ممکن است حاوی نام نویسنده (شرکت)، مخاطبین (آدرس، شماره تلفن)، اطلاعات حقوقی (حق نسخه برداری) و غیره باشد. تگ های پاورقی همچنین می توانند به عنوان قسمت پایین تگ بخش استفاده شوند، یعنی. تگ های پاورقی خود بین تگ های بخش قرار خواهند گرفت

- تگ‌هایی که قسمت‌هایی از یک صفحه یا محتوای اصلی را قاب می‌کنند، به عنوان مثال، اگر چندین فصل از یک داستان در یک صفحه وجود داشته باشد، هر فصل را می‌توان بین این برچسب‌ها قرار داد. یا اگر روی پیوندی در نوار کناری کلیک کنید (مثلاً روی پیوند برخی از دسته‌ها)، صفحه‌ای ظاهر می‌شود که در آن پیوندهایی با توضیحات منتهی به مقالات متعلق به این دسته وجود دارد و پیوندهایی با توضیحات می‌توانند قاب شوند. با برچسب های بخش، و همچنین محصولات با توضیحات در فروشگاه آنلاین، نظرات در مورد پست ها، نظرات در مورد یک موضوع در انجمن ها و غیره.

HTML5 در سطح متن

بیایید به لیست تگ های جدید HTML5 که مسئول تقسیم معنایی متن صفحه هستند نگاه کنیم:

- متنی که بین این تگ ها قرار دارد "انتخاب" می شود. یکی از اهداف علامت گذاری، قاب بندی کلماتی در متن است که مثلاً کلمه وارد شده توسط کاربر را در نوار جستجو مطابقت دهد.

- برچسب ها برای ایجاد تاریخ و/یا زمان در قالب طراحی شده اند
ISO فرم: YYYY-MM-DDThh:mm:ss، این قالب برای برنامه های کامپیوتری قابل درک است. برچسب های زمان می توانند تاریخ یا متن را قاب بندی کنند؛ اگر برچسب متن را قاب کند، یک ویژگی datetime به آن اضافه می شود که مقدار آن تاریخ و/یا زمان در قالب ISO است.

- برچسب ها برای ذخیره اطلاعاتی طراحی شده اند که یا پنهان یا نمایش داده می شوند (مثل اسپویلر عمل می کند).

- برچسب‌ها عنوان را قاب می‌کنند، اگر روی آن کلیک کنید، متنی ظاهر می‌شود (می‌توان از آن به عنوان اسپویلر استفاده کرد)، که بین برچسب‌های جزئیات قرار دارد.

برچسب های اضافی زبان HTML5

لیست تگ های جدید HTML5 که زبان را غنی می کند:

- برچسب ها برای نمایش یک نشانگر مقیاس ایستا طراحی شده اند که در آن نتیجه اندازه گیری تغییر نمی کند. برای کار به یک مقدار حداقل و حداکثر نیاز دارید.

- برچسب ها برای نمایش یک شاخص مقیاس پویا (مثلاً مقیاس دانلود فایل) طراحی شده اند که در آن نتیجه اندازه گیری در زمان واقعی تغییر می کند.

- تگ باید بین تگ های منو قرار گیرد که هنگام ایجاد اسکریپت در جاوا اسکریپت استفاده می شود.

- تگ فرمان بین این تگ ها قرار می گیرد.

- برچسب ها برای نمایش عملکرد اسکریپت در نظر گرفته شده اند.

- تگ ها برای ایجاد لیستی در نظر گرفته شده اند که هنگام تایپ در یک فیلد متنی نمایش داده می شود.

- برچسب ها قاب توضیحات یک شی (به عنوان مثال، یک تصویر)، واقع بین تگ های شکل..

- برچسب ها اشیاء مختلف صفحه را با توضیحات خاص خود گروه بندی می کنند، به عنوان مثال، تصاویر با توضیحات، محصولات با توضیحات و غیره.

- برچسب ها برای گروه بندی عناوین h* طراحی شده اند

- تگ برای تولید جفت کلید عمومی/خصوصی، رمزگذاری/رمزگشایی داده ها، ایجاد/تأیید امضای دیجیتال استفاده می شود.

- برچسب ها متن و حاشیه نویسی را قاب می کنند.

- تگ ها بین تگ های روبی قرار دارند و برای قاب حاشیه نویسی در نظر گرفته شده اند.

- برچسب ها برای مرورگرهایی در نظر گرفته شده است که از برچسب های روبی پشتیبانی نمی کنند.

- تگ به مرورگر می‌گوید که اگر کلمه در پنجره مرورگر جا نمی‌شود، کلمه ("نرم خط تیره") را کجا خط خطی کند.

تگ های HTML5 که فناوری های جدید را توصیف می کنند

HTML5 توانایی استفاده از بسیاری از فناوری‌ها و APIهایی را که بخشی از زبان HTML5 هستند و نه افزونه‌های شخص ثالث را معرفی می‌کند، در اینجا به برخی از آنها اشاره می‌کنیم:

- برچسب ها برای پخش فایل های صوتی بدون استفاده از برنامه های شخص ثالث (افزونه ها، برنامه های افزودنی) در نظر گرفته شده اند.

- برچسب ها برای پخش فایل های ویدئویی، بدون استفاده از برنامه های شخص ثالث (افزونه ها، برنامه های افزودنی) در نظر گرفته شده اند.

- تگ برای نشان دادن مسیر فایل‌های صوتی/تصویری در داخل تگ‌های صوتی و تصویری در نظر گرفته شده است.

- تگ ها برای ایجاد یک ناحیه خاص در سایت در نظر گرفته شده اند که در آن می توانید اشکال برداری ایجاد کرده و با استفاده از زبان برنامه نویسی جاوا اسکریپت آنها را دستکاری کنید. بوم در آینده باید جایگزین فناوری فلش شود (آره، در تئوری...).

برچسب بزنید

تگ عنصر خاصی است که برای ترسیم و دستکاری اشکال برداری طراحی شده است. این برچسب برای جایگزینی فناوری Flash ایجاد شده است. با استفاده از تگ می توان اشکال برداری (تصاویر) را ترسیم کرد و با استفاده از جاوا اسکریپت این اشکال را دستکاری کرد و بدین ترتیب انیمیشن (کارتون و حتی بازی) در سایت ایجاد کرد.

صوتی تصویری

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

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

JavaScript API

مشخصات HTML5 توضیح می دهد که چگونه زبان جاوا اسکریپت باید با عناصر صفحه از طریق فناوری DOM تعامل داشته باشد. همچنین در HTML5 روش های جدیدی برای دستکاری اشیا وجود دارد، مثلاً با استفاده از جاوا اسکریپت و این روش ها می توانید دکمه های کنترل پنل صوتی/تصویری را به صورت برنامه نویسی کنترل کنید.

پشتیبانی از فناوری XML

در یک سند HTML که با استفاده از زبان HTML5 نوشته شده است، اکنون امکان پیاده‌سازی فناوری‌های مرتبط با فرمت‌های XML مختلف، مانند SVG یا MathML وجود دارد.

SVG

SVG - Scalable Vector Graphics (زبان نشانه گذاری گرافیک برداری مقیاس پذیر)، یک فرمت XML است. از آنجایی که HTML5 شروع به پشتیبانی از فرمت های XML کرد، اکنون می توان تصاویر ایجاد شده با استفاده از SVG را در یک سند HTML جاسازی کرد و آنها را از طریق جاوا اسکریپت دستکاری کرد.

کد مثال برای الگوی دایره سبز:

نتیجه:

MathML

MathML - زبان نشانه گذاری ریاضی (زبان نشانه گذاری ریاضی) فرمت XML. با استفاده از این فرمت می توانید فرمول های مختلف ریاضی را توصیف کنید.

کدام تگ ها در HTML5 منسوخ شده اند؟

تگ های قدیمی در مشخصات HTML5 عبارتند از:

و به جای آن باید از تگ embed استفاده شود
به جای آن باید از تگ abbr استفاده شود
به جای آن باید از تگ صوتی استفاده شود
به جای آن باید از تگ ul استفاده شود
به جای آن باید از تگ iframe استفاده شود
به جای آن باید از تعدادی تگ فرم و ورودی استفاده کنید
و به جای آن باید از تگ های پیش یا کد استفاده شود


به جای آن باید از تگ پیش استفاده شود
به جای آن باید از تگ s استفاده شود

به جای قالب بندی برچسب ها: , , , , , , , , , و ، باید از ویژگی های CSS استفاده کنید.

استفاده از برچسب های منسوخ هنگام ایجاد وب سایت ها در HTML5 توصیه نمی شود، اما این بدان معنا نیست که مرورگرها دیگر از آنها پشتیبانی نمی کنند، به عنوان مثال، کار یک برچسب غیر توصیه شده تاکید می کند

ویژگی های جهانی جدید در HTML5

ویژگی های سراسری ویژگی هایی هستند که می توانند در هر تگ سند HTML جاسازی شوند. ویژگی های جهانی جدید در HTML5 ظاهر شده اند که در توضیحات زیر با کلمه New مشخص شده اند

بیایید به نام ها و توضیحات ویژگی های جهانی HTML5 نگاه کنیم:

accesskey=" " - به شما امکان می دهد از هر عنصر (برچسب) صفحه با فشار دادن یک کلید ترکیبی از پیش برنامه ریزی شده استفاده کنید.
class=" " - به شما امکان می دهد نام کلاس را تنظیم کنید،
contenteditable=" " - به شما امکان می دهد محتویات عنصر New را ویرایش کنید،
contextmenu=" " - به شما امکان می دهد یک منوی زمینه برای عنصر New ایجاد کنید،
dir=" " - به شما امکان می دهد جهت متن را کنترل کنید،
draggable=" " - به کاربر اجازه می دهد تا عنصر New را بکشد،
dropzone=" " - به شما امکان می دهد مشخص کنید که هنگام کشیدن New، با یک عنصر چه کاری انجام دهید،
hiden=" " - به شما امکان می دهد عنصر New را پنهان کنید،
id=" " - به شما امکان می دهد یک شناسه منحصر به فرد برای یک عنصر تنظیم کنید،
lang=" " - به شما امکان می دهد کد زبان را در محتوای عنصر مشخص کنید،
spellcheck=" " - به شما امکان می دهد مشخص کنید که آیا املا در محتوای عنصر جدید بررسی می شود یا خیر،
style=" " - به شما امکان می دهد یک سبک برای یک عنصر ایجاد کنید،
tabindex=" " - به شما امکان می دهد یک قانون ایجاد کنید که مشخص می کند با فشار دادن کلید Tab، عناصر به چه ترتیبی باید فوکوس دریافت کنند.
title=" " - به شما امکان می دهد یک راهنمای ابزار ایجاد کنید که زمانی که ماوس خود را روی یک عنصر قرار می دهید ظاهر می شود.

از آنجایی که در مشخصات HTML5، برچسب‌ها به اشیاء کامل تبدیل می‌شدند، مفهوم یک ویژگی جهانی از قبل در این اشیاء ذاتی بود، حتی برای آن دسته از برچسب‌هایی که هنوز در مشخصات توضیح داده نشده‌اند.

نوآوری در ساختار کد سند HTML5

ساختار کد در HTML5 دستخوش تغییراتی شده است که در اینجا به برخی از آنها اشاره می کنیم:

1. بر خلاف نسخه های قبلی زبان، تنها یک doctype در HTML5 وجود دارد:
به عنوان مثال، می توانید آن را در سورس کد صفحات این سایت مشاهده کنید (فراموش نکنید که قبل از doctype، بدون فاصله، بدون خط شکنی و غیره چیزی وجود نداشته باشد).

2. برای نشان دادن زبان سند، اکنون به جای متا تگ:
باید از ویژگی lang="ru" در تگ استفاده کنید:

3. برای نشان دادن رمزگذاری سند، اکنون به جای متا تگ:

شما باید از یک متا تگ بدون http-equiv و ویژگی های محتوا استفاده کنید

4. هنگام ایجاد یک اسکریپت جاوا اسکریپت، اکنون در تگ، نیازی به پیاده سازی ویژگی های type="text/javascript" و language="JavaScript" نیست.

5. هنگام پیاده سازی استایل های CSS، اکنون در تگ ها و , نیازی به پیاده سازی ویژگی type="text/css" نیست.

6. لینک یک تگ درون خطی است، بنابراین، در مشخصات اولیه HTML و XHTML، برای قاب بندی تگ های بلوک توصیه نمی شد؛ اکنون در مشخصات HTML5، این توصیه برای پیوندها حذف شده است و اکنون اجازه دارند یک یا چند قاب کنند. عناصر بلوک

سرفصل

پاراگراف

اکنون با HTML5 می توانید این کار را انجام دهید:

سرفصل

بر اساس مطالب سایت http://html-5.ru/، http://html-5.ru/uchebnik-html5

تگ های دستوری برای روبات های موتور جستجو، بار معنایی صفحات

• اضافه شده به HTML W3C از 2015-2017

• توصیه های W3C 24 دسامبر 1999