HTML لایه سند وب است که ساختار و محتوای لازم برای معنی دار بودن صفحات وب را فراهم می کند. در اینجا، می‌توانید محتوایی برای HTML مانند دوره‌ها، مقالات، مجموعه‌ها و سایر اطلاعات مفید پیدا کنید تا به شما در ایجاد دانش خود در مورد این بخش حیاتی از وب کمک کند.
با HTML جدید هستید؟ ما شما را با یک دوره جامع تحت پوشش قرار داده ایم تا به شما در شروع کار کمک کند.
این دوره های دیگر را بررسی کنید تا در موضوعات خاص در HTML عمیق تر شوید.
در مورد جدیدترین ویژگی های HTML که به تازگی در تمام موتورهای مرورگر اصلی موجود است، بیاموزید.
الگوها و مفاهیم HTML را بیاموزید تا به شما در ساخت برنامه های کاربردی وب در دسترس تر کمک کند.
مفاهیم و الگوهای مبتنی بر HTML را برای سریعتر کردن برنامه های کاربردی وب خود بیاموزید.
نحوه استفاده از Chrome DevTools برای اشکال زدایی HTML و DOM در برنامه های وب خود را بیاموزید.
دوره

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

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

فرم‌های HTML به کاربران این امکان را می‌دهند که برای برنامه‌های کاربردی وب شما ورودی ارائه کنند - و این دوره تمام آنچه را که باید در مورد استفاده مؤثر از آنها بدانید را به شما آموزش می‌دهد.
در حالی که تصاویر معمولاً در وب مورد استفاده قرار می گیرند، چیزهای بیشتری از استفاده از عنصر img وجود دارد. این دوره تمام آنچه را که باید در مورد نحوه استفاده از تصاویر در وب بدانید را به شما آموزش می دهد.
در حالی که دسترسی همه بخش های پلت فرم وب را در بر می گیرد، نوشتن HTML قابل دسترس سنگ بنای ساخت برنامه های کاربردی وب قابل دسترس است. این دوره همه چیزهایی را که برای نوشتن نشانه گذاری در دسترس نیاز دارید به شما آموزش می دهد.

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

آکاردئون های انحصاری در سپتامبر 2024 به تازگی در دسترس قرار گرفتند.
Declarative Shadow DOM به تازگی در فوریه 2024 در دسترس قرار گرفت.
Popover API به تازگی در آوریل 2024 در دسترس قرار گرفت.
ویژگی بی اثر در آوریل 2023 به Baseline Newly در دسترس شد.
بارگذاری تنبل iframe ها به تازگی در دسامبر 2023 در دسترس قرار گرفت.

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

با استفاده از عناصر صحیح برای سرفصل ها و نشانه ها، می توانید تجربه ناوبری را برای کاربران فناوری assitive به طور چشمگیری بهبود بخشید.
با استفاده از عناصر HTML معنایی صحیح ممکن است بتوانید اکثر یا تمام نیازهای دسترسی به صفحه کلید خود را برآورده کنید. این به این معنی است که زمان کمتری برای دست زدن به tabindex، و کاربران خوشحال بیشتر!
بسیاری از کاربران با اختلالات حرکتی موقت و دائمی به میانبرهای صفحه کلید برای پیمایش مؤثرتر برنامه ها متکی هستند. داشتن یک استراتژی ناوبری صفحه کلید خوب برای برنامه شما، تجربه بهتری را برای همه ایجاد می کند.
برای اینکه یک صفحه‌خوان بتواند یک رابط کاربری گفتاری را به کاربر ارائه دهد، عناصر معنادار باید دارای برچسب‌های مناسب یا جایگزین‌های متنی باشند. یک برچسب یا متن جایگزین نام قابل دسترسی را به یک عنصر می دهد که یکی از ویژگی های کلیدی برای بیان معنایی عنصر در درخت دسترسی است.

نحوه استفاده از HTML می تواند بر عملکرد برنامه های وب شما تأثیر بگذارد. در این بخش، مقالات و منابعی را خواهید یافت که به شما کمک می کند تا در مورد نحوه استفاده از HTML برای سریعتر کردن برنامه های کاربردی وب خود بیشتر بدانید.

اسکنر پیش بارگذاری مرورگر یک تجزیه کننده تخصصی HTML است که مرورگر برای کشف منابع زودتر از آن استفاده می کند. دریابید که چگونه به عملکرد برنامه های کاربردی وب کمک می کند و چگونه می توانید از راه آن دور بمانید.
Fetch Priority API از ویژگی fetchpriority HTML برای نشان دادن اولویت نسبی منابع به مرورگر استفاده می کند. می تواند بارگذاری بهینه را فعال کند و Core Web Vitals را بهبود بخشد.
پیش بارگذاری منبع تکنیکی که از عنصر link HTML استفاده می کند تا به مرورگر بگوید قبل از نیاز منبعی را واکشی کند. نحوه استفاده از آن برای بهبود عملکرد برنامه های کاربردی وب خود را در این راهنما بیاموزید.
بارگذاری تنبل تصاویر یک تکنیک موثر برای حفظ پهنای باند در طول بارگذاری اولیه یک صفحه است. در این راهنما، می توانید یاد بگیرید که چگونه از loading HTML برای بارگذاری تنبل تصاویر استفاده کنید.

Chrome DevTools مجموعه ای از ابزارها برای برنامه نویسان برای اشکال زدایی برنامه های وب است. در اینجا چند ابزار پیشنهادی برای بررسی وجود دارد تا به شما در رفع اشکال HTML و DOM صفحه خود در برنامه های کاربردی وب و همچنین سایر مفاهیم مجاور کمک کند.

DevTools پنل Elements را ارائه می دهد که به شما امکان می دهد DOM برنامه وب خود را مشاهده، ویرایش و اشکال زدایی کنید. برای شروع استفاده از پنل Elements، این راهنما را بخوانید.
پنل Elements در DevTools به شما امکان می دهد به تغییرات DOM که توسط جاوا اسکریپت راه اندازی شده است گوش دهید. یاد بگیرید که چگونه از این ویژگی مفید برای اشکال زدایی تغییرات در DOM برنامه وب خود استفاده کنید.
پانل Coverage ابزار مفیدی برای یافتن کدهای CSS و جاوا اسکریپت بلااستفاده بارگیری شده توسط HTML برنامه وب شما است. این راهنما به شما نشان می دهد که چگونه از آن استفاده کنید، و چگونه می تواند عملکرد برنامه های کاربردی وب شما را بهبود بخشد.