Doctype HTML - چی هست؟ چیزی که شما باید در مورد عنصر بدانید

هر گونه شک و تردیدنده، پیشرفت هنوز پدیده ای است که نمی تواند متوقف شود. با این حال، در حالی که برخی از آنها از زمان حرکت طولانی مدت به خانه های ماهانه خشمگین هستند، دیگران به معنای واقعی کلمه به وحشت افتاده اند، زیرا برای رفع این تغییرات دشوارتر و سخت تر می شود. یک نمونه از چنین «دست انداختن» نمایندگان حرفه های مرتبط با تکنولوژی بالا است.

در حالی که بسیاری از طراحان وب، برنامه نویسان و طراحان طرح بیشتر با روح زمان نسبت به هر "نورا بابا" که اطلاعات را با یک تاخیر هفته دریافت می کنند بسیار بیشتر هستند و حتی با تحریف های قابل توجه، وضعیت واقعی به نوعی متفاوت است. سطح پیشرفت در حوزه فن آوری های جدید بسیار دشوار است. بیایید مثال ساده ای را در نظر بگیریم: در حدود 5 تا 10 سال پیش توسعه دهنده بازی های آنلاین در Adobe Flash می تواند موفقیت قابل ملاحظه ای به دست آورد، چندین "Farmers Merry" تاییدیه هستند. با این حال، حتی امروزه، این فناوری به تدریج از بین می رود، و راه را برای اکثر HTML5 پیشرفته تر اما کمتر مورد مطالعه قرار می گیرد. به هر حال، این HTML5 است و یکی از "شخصیت" داستان ما است، اختصاص داده شده به کار روزمره از HTML کدنویسی.

Doctype HTML - چی هست؟

این یک بنای پیشرفته برای قربانیان پیشرفت تکنولوژی است. ده سالگی 90 ساله که نه تنها با «وضعیت مبارزه» در کشور ما، بلکه کاملا جنگ واقعی مرورگرها را به ارمغان می آورد، چندین محصول را به جهان عرضه می کند که کاربران کامپیوتر را قادر به گسترش شبکه های جهانی می کند. اما تنها یک گرفتن وجود دارد - محبوب و سپس Netscape Navigator و اینترنت اکسپلورر به ترتیب به طور کاملا متفاوت به صفحات مشابه نگاه کردند و سازندگان سایت ها صفحات کاملا متفاوت برای این برنامه ها ایجاد کردند.

استانداردها؟ در آن سالها، صحبت کردن در مورد آنها ضرورت نداشت - W3C در دوران کودکی خود بود و مایکروسافت که IE را تبلیغ کرد، مشهور بود که ترجیح می داد دوچرخه های خود را که با هر چیزی سازگار نبود، بسازند. با این وجود، با گذشت دهه از این وحشتناک (برای توسعه دهندگان وب)، وضعیت هنوز هم طبیعی بود: برخی از ظواهر استانداردها ظاهر شد، که البته هنوز کامل نیست، اما هنوز توسط همه مرورگرهای محبوب مورد احترام قرار گرفته است.

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

با این وجود، زمان گذشت، توسعه دهندگان در نهایت تصمیم گرفتند نه تنها درمورد مسابقه، بلکه در مورد مدیران وب نیز فکر کنند، و او ظاهر شد - Doctype HTML. این برچسب خاصی است که به مرورگر می گوید چگونه یک صفحه خاص را مشاهده کند.

چرا Doctype را در HTML نیاز دارم؟

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

تصور کنید وضعیت: شما یک توسعه دهنده وب معمولی در اواخر دهه 90 است. به همین ترتیب بیشتر وقت شما در مرورگر Internet Explorer 4 صرف می شود. ناگهان، مایکروسافت تصمیم می گیرد به حواس خود برسد و مرورگر جدید خود را "صحیح" تر می کند، به این دلیل که مشخص نیست که چگونه وب سایت ها را بنویسند و چه کاری با آن ها انجام شود ایجاد شده است. به طور طبیعی، اگر زمان کافی دارید، می توانید کد HTML خود را بازنویسی کنید تا با استاندارد های جدید مطابقت داشته باشد، اما افراد موجودات تنبل هستند.

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

انواع Doctype

برچسب Doctype دارای چندین نوع است که می توانند به دسته های خاص تقسیم شوند. ابتدا، انواع اصلی نشانه گذاری را توصیف می کند: HTML 4.01، HTML 5، XHTML 1.0 یا XHTML 1.1. دوم، هر یک از این زبان ها دارای زیر بخش های خاص خود است، که به «ضریب تشخیص اشتباه» اشاره می کند، یعنی این که چگونه کد HTML توسط استانداردهای W3C تنظیم می شود. درست است، در مورد دوم دو استثنا وجود دارد - HTML5 و XHTML 1.1 هیچ گونه زیر گونه ای ندارند و تنها یک نوع از Doctype HTML دارند. اما بیشتر در این بعد ...

روش دقیق: Doctype Strict

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

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

علاوه بر این، تعدادی از برچسب ها که به شما اجازه می دهند متن را فرمت کنید، مطلوب است که حذف شود - حالت سخت شامل استفاده از CSS می شود.

رویکرد انسانی: دوره گذار Doctype

اگر روش دقیق قالب به شما مناسب نباشد یا اگر شما به سادگی به مقابله با قواعد عادت دارید، همیشه امکان استفاده از یک نوع انسانی بیشتر از Doctype HTML Public وجود دارد. W3C مراقب کسانی است که نمی خواهند عادت ها را کنار بگذارند و بخواهند در شرایط خشن تر کار کنند، ایجاد یک الگوی انتقالی که نشان دهنده یک مدل انتقالی از رویکرد اعتبارسنجی است. این الگو به شما این امکان را میدهد که به طور آزادانه به برخی از آزادیهای خود، از قبیل برچسبهایی که توسط قالب سختگیرانه ممنوع شده است، و همچنین بسیاری از روشهای دیگر برای طرح بندی که از اواخر دهه 90 به دست نیامده است، به شما اجازه دهد.

"نرم" Doctype HTML 4 به شرح زیر اعلام می شود:

برای XHTML خط دوباره به نظر می رسد کمی متفاوت است، اما روند کلی باقی می ماند:

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

از General to Special: Doctype Frameset

روشی برای چک کردن صفحه برای مطابقت با الگو Frameset، عموما شبیه نسخه Transitional است، اما علاوه بر "آزادی ها" که در بالا ذکر شد، این الگو به شما امکان می دهد تا از فریم ها استفاده کنید. Frameset هیچ اختلاف دیگری ندارد، بنابراین فقط لیستی از خطوط برای تبلیغات باقی می ماند، برای HTML 4.01 و برای XHTML 1.0:

در لبه پیشرفت

به طور طبیعی، با ذکر در آغاز این مقاله، تمام استاندارد HTML5 که محبوبیت بیشتری به دست می آورند، ما نمی توانیم این زبان نشانه گذاری را نادیده بگیریم. خنده دار است که W3C این نسخه از HTML اصلی را در نظر می گیرد، بنابراین Doctype HTML 5 به نظر می رسد نسبتا متداول است. به عبارت دیگر، تعریف این نوع به این معنی است که مرورگر باید با "تمیز" HTML کار کند که HTML5 امروز در نظر گرفته شده است، در حالی که نسخه چهارم که برای بسیاری عادی است، به طور بالقوه منسوخ شده است.

سایر انواع Doctype

تا به امروز، چندین نوع از الگوهای Doctype وجود دارد که بیشتر آنها XHTML را مورد توجه قرار می دهند. در حالی که نسخه دوم این زبان نشانه گذاری هرگز به نور نرسیده و تبدیل به بخشی از HTML5 شده است، تغییرات نسخه اول آن، با وجود اینکه بیشترین شیوع آن نیست، زنده و خوب است.

آیا Doctype مهم است؟

شايد بعضي از نويسندگان "نويسنده" در HTML سعي كردند كه اعلاميه نوع صفحه را ناديده بگيرند. خوب، اگر آنها اطلاعات مهم را از بالا نیاورند، اجازه دهید یک نمونه ساده را ارائه دهیم. در اینجا یک مثال از یک صفحه با استفاده از قالب انتقالی است:

همه چیز به نظر می رسد راه برای طراحی یک طراح است، اما ما باید Doctype را اشتباه بگیریم و به موارد زیر می رسیم:

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

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