مقدمهای بر HTML سمانتیک
این سند ساختار مینیمال و سمانتیک HTML5 را برای یک صفحه مقاله نمایش میدهد. این سند به طور دقیق به دستورالعملهای داده شده پایبند است و تمام محتوای اضافی مانند تبلیغات، مطالب تبلیغاتی، پیشنهادات محتوای مرتبط و ابزارهای غیرضروری مانند مودالها یا پاپآپها را حذف میکند. محتوای ورودی که یک مودال رضایت کوکی بود، طبق دستورالعمل مبنی بر حذف "ویجتها، دکمهها، پاپآپها و مودالهای غیرضروری"، به طور کامل حذف شده است.
هدف ارائه یک قالب آماده استفاده است که کاملاً با استانداردهای HTML5 سازگار، قابل دسترس و تنها بر محتوای اصلی یک مقاله در طرحبندی تکستونی تمرکز دارد.
اصول کلیدی رعایت شده
هر عنصر در این قالب با دقت انتخاب شده است تا الزامات مشخص شده را برآورده کند. برچسبهای سمانتیک HTML5 مانند `header`، `main`، `article`، `section`، `figure` و `footer` برای ارائه ساختار و معنای واضح به محتوا استفاده میشوند.
برای دسترسیپذیری، تمام تصاویر (در صورت وجود) شامل ویژگیهای `alt` توصیفی خواهند بود. پیمایش با صفحهکلید به طور ذاتی از طریق عناصر استاندارد HTML پشتیبانی میشود. هرگونه عنصر SVG به طور کامل حذف شده است تا خروجی سبک و متمرکز حفظ شود.
تمام ویژگیهای تصاویر، به جز `src`، `srcset`، `sizes`، `alt`، `width`، `height`، `loading`، `fetchpriority` و `decoding`، برای حفظ پاکیزگی و جلوگیری از افزایش حجم غیرضروری حذف شدهاند. همانطور که لازم است، مسیرهای مطلق برای منابع تصویر استفاده میشوند.
یکپارچگی و طرحبندی محتوا
این قالب حفظ محتوای اصلی مقاله را بدون هیچگونه کاستی، با حفظ ترتیب اصلی پاراگرافها و عناصر تضمین میکند. این طرحبندی به شدت یک ستونی را اجرا میکند، به این معنی که هیچ نوار کناری، طراحی چند ستونی یا عناصر `aside` گنجانده نشدهاند. این انتخاب طراحی به یک تجربه خواندن متمرکز و عاری از حواسپرتی کمک میکند.
محتوای دارای حق کپیرایت، تبلیغات و عناصر تبلیغاتی به طور کامل حذف شدهاند. تمرکز به شدت بر ارائه پیام مقاله در قالبی بدون دستکاری باقی میماند.
اعتبارسنجی و بهترین شیوهها
این HTML تولید شده قصد دارد تا اعتبارسنجی W3C را با موفقیت پشت سر بگذارد و صحت و پایبندی آن به استانداردهای وب را تضمین کند. این سند برای قوی بودن و سازگاری در مرورگرهای مختلف طراحی شده است، با در نظر گرفتن عملکرد و دسترسیپذیری مطابق با بهترین شیوههای Google Lighthouse.
فیلدهای متا اجباری و برچسبهای Open Graph با مقادیر مرتبط و استنباط شده پر شدهاند و یک صفحه وب کامل و به خوبی توصیف شده را برای موتورهای جستجو و اشتراکگذاری در رسانههای اجتماعی فراهم میکنند.