توضیح تگهای مهم در HTML :
تگ DOCTYPE در طراحی سایت :
این تگ در بر دارندهی کل محتویات صفحه است که همه ی تگ ها را احاطه میکند. تنها عبارتی که قبل از تگ html باز باید نوشته شود، قطعه کد ! DOCTYPE html است که استثنائاً با حروف بزرگ نوشته میشود.
اما این تگ چیست؟
تگ < !DOCTYPE html > به مرورگر میفهماند که شما قصد استفاده از HTML نسخه ۵ را برای طراحی سایت صفحه ی وب خود دارید. در صورتی که بخواهید از ۲XHTML جهت طراحی صفحه وب خود استفاده کنید،
باید کد فوق را کمی تغییر دهید.
شاید به این فکر کرده باشید، پس چرا حذف آن تأثیری در صفحه وب ما ندارد؟ این کد در ایجاد صفحه HTML اختیاری و در صفحات XHTML اجباری است. اگر این تگ را به همراه یک ۳URL در بالای صفحه وب خود اعلان کنید سبب میشود که مرورگر فعلی، هنگام باز کردن صفحه شما در مد standard کار کنند.
بدین صورت میتوانید کدهای خود را مطابق استاندارد نوشته و کنترل بیشتری بر چگونگی نمایش این صفحه در مرورگرهای مختلف داشته باشید. در صورت نگذاشتن این کد، مرورگر از روشهای قدیمیتر برای نمایش
صفحه شما استفاده میکند.
۲ EXtensible HyperText Markup Language
۳ Uniform Resource Locator
یک مثال عملی: در هنگام تعیین رنگ با شماره های هگزاد سیگمال، یک علامت # شارپدر ابتدای شماره رنگ قرار میگیرد. که حذف آن باعث نادیده گرفته شدن رنگ در زمان نمایش صفحه میشود، اما اگر کد
DOCTYPE را از ابتدای صفحه پاک کنید. مرورگرتان از این مورد ایراد نمیگیرد و آن رنگ را نشان میدهد.
نکته: برای تست این مثال از مرورگر فایر فاکس استفاده کنید. چون مرورگر Internet Explorer به طور معمولی هم از حذف علامت # ایراد نمیگیرد و ممکن است شما فکر کنید گذاشتن علامت # اختیاری است.
تگ head در طراحی سایت :
تگ head یا معادل فارسی آن تگِ سرانداز!، اولین تگ در بدنه تگ html میباشد که حاوی یک سری اطلاعات برای مرورگر و نیز جستجوگرهای وب میباشد. اطلاعات این بخش در قسمت بدنه سند html ما
نمایش داده نمیشود. ولی اطلاعاتی همچون عنوان صفحه، کلمات کلیدی، استایلهای خارجی و داخلی، جاوا اسکریپتهای خارجی و داخلی، آیکون صفحه، توضیحاتی راجع به سازنده و… را تعریف میکند. که برای مرورگر
و نیز ایندکس کردن توسط جستجوگرهای وب مانند گوگل و یاهو بسیار مهم است.
در کل تگ head حاوی کدهایی است که مستقیماً روی صفحه دیده نمیشوند ولی تأثیر آنها دیده میشود.
تگ head هیچ صفتی ندارد.
تگهایی که بین تگ head قرار میگیرند عبارتند از:
<title> <link> <script> <style> <meta>
که در آینده کاربرد و نحوهی استفاده از آنها را توضیح خواهیم داد.
تگ title در طراحی سایت:
– تگ title عنوان صفحه را تعیین میکند و هیچ صفتی ندارد.
– محتوای تگ تایتل نباید بیش از ده کلمه باشد.