0 اسپیناس وب اسپیناس وب

افتخار طراحی سایت بیش از ۱۷۰۰ کسب و کار ایرانی و خارجی

نمونه کارها

آموزش طراحی سایت(جلسه 2): توضیح تگهای مهم در HTML

نظاره گر پیشرفت کسب و کار خود باشید ، وقتی اسپیناس وب جرئی از تیم شما می شود

توضیح تگهای مهم در HTML :

تگ DOCTYPE در طراحی سایت :

اين تگ در بر دارندهی کل محتويات صفحه است که همه ی تگ ها را احاطه ميکند. تنها عبارتي که قبل از تگ  html  باز بايد نوشته شود، قطعه کد ! DOCTYPE html  است که استثنائاً با حروف بزرگ نوشته ميشود.

اما اين تگ چيست؟

تگ < !DOCTYPE html > به مرورگر ميفهماند که شما قصد استفاده از HTML نسخه ۵ را برای طراحی سایت  صفحه ی وب خود داريد. در صورتي که بخواهيد از 2XHTML جهت طراحي صفحه وب خود استفاده کنيد،
بايد کد فوق را کمي تغيير دهيد.
شايد به اين فکر کرده باشيد، پس چرا حذف آن تأثيری در صفحه وب ما ندارد؟ اين کد در ايجاد صفحه HTML اختياری و در صفحات XHTML اجباری است. اگر اين تگ را به همراه يک 3URL در بالای صفحه وب خود اعلان کنيد سبب ميشود که مرورگر فعلي، هنگام باز کردن صفحه شما در مد standard کار کنند.
بدين صورت ميتوانيد کدهای خود را مطابق استاندارد نوشته و کنترل بيشتری بر چگونگي نمايش اين صفحه در مرورگرهای مختلف داشته باشيد. در صورت نگذاشتن اين کد، مرورگر از روشهای قديميتر برای نمايش
صفحه شما استفاده ميکند.
2 EXtensible HyperText Markup Language
3 Uniform Resource Locator

يک مثال عملي: در هنگام تعيين رنگ با شماره های هگزاد سيگمال، يک علامت # شارپدر ابتدای شماره رنگ قرار ميگيرد. که حذف آن باعث ناديده گرفته شدن رنگ در زمان نمايش صفحه ميشود، اما اگر کد
DOCTYPE را از ابتدای صفحه پاک کنيد. مرورگرتان از اين مورد ايراد نميگيرد و آن رنگ را نشان ميدهد.

نکته: برای تست اين مثال از مرورگر فاير فاکس استفاده کنيد. چون مرورگر Internet Explorer به طور معمولي هم از حذف علامت # ايراد نميگيرد و ممکن است شما فکر کنيد گذاشتن علامت # اختياری است.

تگ head  در طراحی سایت :

تگ head يا معادل فارسي آن تگِ سرانداز!، اولين تگ در بدنه تگ html ميباشد که حاوی يک سری اطلاعات برای مرورگر و نيز جستجوگرهای وب ميباشد. اطلاعات اين بخش در قسمت بدنه سند html ما
نمايش داده نميشود. ولي اطلاعاتي همچون عنوان صفحه، کلمات کليدی، استايلهای خارجي و داخلي، جاوا اسکريپتهای خارجي و داخلي، آيکون صفحه، توضيحاتي راجع به سازنده و… را تعريف ميکند. که برای مرورگر
و نيز ايندکس کردن توسط جستجوگرهای وب مانند گوگل و ياهو بسيار مهم است.
در کل تگ head حاوی کدهايي است که مستقيماً روی صفحه ديده نميشوند ولي تأثير آنها ديده ميشود.
تگ head هیچ صفتی ندارد.
تگهايي که بين تگ head قرار ميگيرند عبارتند از:

<title> <link> <script> <style> <meta>

که در آينده کاربرد و نحوهی استفاده از آنها را توضيح خواهيم داد.

تگ title در طراحی سایت:

– تگ title عنوان صفحه را تعيين ميکند و هيچ صفتي ندارد.
– محتوای تگ تايتل نبايد بيش از ده کلمه باشد.

درگ کنید مشاهده بستن پخش
0%