با عرض سلام خدمت همراهان وب سایت Alt+Tab . با مطلب دیگری از مجموعه آموزش های HTML5 با شما عزیزان هستیم. در این قسمت به بررسی یکی از اجزای مهم ساختار صفحات وب یعنی Heading آشنا می شویم. در ادامه آموزش، نکته جالبی را درباره چگونگی بازبینی کدهای یک صفحه اینترنتی می خوانیم. برای مثال شما وارد یک سایت می شوید؛ در این صفحه یک عکس به عنوان Background قرار گرفته که ما آدرس آن را می خواهیم و یا اینکه از نحوه کد نویسی آن صفحه خوشمان آمده، فرقی نمی کند که آن وبسایت با چه زبانی نوشته شده است، با آموزش گفته شده به راحتی می توانیم کد مربوط به قسمت درخواستی را به دست آوریم. پس برای مطالعه یک آموزش جذاب، با ادامه مطلب همراه شوید!

HTML

HTML Headings

Heading ها (تیتر ها) با تگ های H1 تا H6 مشخص می شوند.
به این صورت که <H1> معرف مهم ترین تیتر و <H6> معرف کم اهمیت ترین تیتر هستند.

(برای مشاهده نتیجه کدها بر روی Result کلیک کنید)

نکته: مرورگرها به صورت خودکار، قبل و بعد از هر Heading یک فضای سفید و یا اصطلاحا Margin اضافه می کنند.

تیترها مهم هستند!

موتورهای جستجو از تیترها برای ایندکس گذاری ساختار و محتوای صفحات وب استفاده می کنند.

مراجعه کنندگان به سایت، با استفاده از تیترها دیدکلی به محتوای موجود در سایت پیدا می کنند.

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

تگ <h1> باید برای تیترهای اصلی استفاده شود؛ پس از آن برای تیترهای کم اهمیت تر از تگ <h2> و به همین ترتیب ادامه می یابد تا در نهایت کم اهمیت ترین تیتر با تگ <h6> مشخص گردد.

نکته : از heading های html تنها برای تیترها استفاده شود نه برای بزرگ و پررنگ (bold) کردن متن ها!

تیترها ی بزرگتر

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

(برای مشاهده کدها بر روی HTML کلیک کنید)

خط افقی در HTML

تگ <hr> یک فاصله شماتیک در یک صفحه HTML ایجاد می کند، و اغلب به شکل یک خط افقی نمایش داده می شود.

تگ <hr> برای جدا کردن محتوا (یا مشخص کردن یک تغییر) در یک صفحه HTML استفاده می شود.

(برای مشاهده کدها بر روی HTML کلیک کنید)

المان <head> در HTML

المان <head> در HTML ارتباطی با heading (تیتر) ها ندارد.

المان <head> دربرگیرنده اطلاعات مربوط به metadata است. Metadata در html اطلاعاتی درخصوص document است. Metadata نمایش داده نمی شود.

المان <head> در بین تگ های <html> و <body> قرار می گیرد.

نکته: Metadata عموما عنوان ،  Character set، style ها، script ها و باقی اطلاعات Meta یک سند را دربر می‌گیرد. به طور کلی Metadata به اطلاعاتی که در توصیف اطلاعات دیگر مورد استفاده قرار می گیرد گفته می شود.

چگونه Source یک فایل HTML را ببینیم؟

آیا تا به حال یک وبسایت رو دیدین که خیلی خوشتون بیاد و کنجکاو شید که چطور درست شده؟!

مشاهده Source Code های یک صفحه HTML

برای پیدا کردن source کد ها روی صفحه راست کلیک کرده؛ سپس View Page Source را در Chrome/Firefox یا View Source را در IE و یا به طور مشابه در مرورگرهای دیگر انتخاب می کنیم.

یک پنجره شامل source کدهای html آن پیج باز خواهد شد.

بررسی کردن یک المان HTML

روی یک المان (یا یک فضای خالی) راست کلیک کرده و inspect و یا inspect element را انتخاب می کنیم تا ببینیم که آن آلمان از چه ساخته شده است! (تمام کدهای html و css قابل مشاهده هستند.) همچنین می توانیم کدهای html و یا css را در پنل المان ها یا style ها که باز هستند ویرایش کنیم و نتیجه را ببینیم اما مسلما این تغییرات ذخیره نمی شوند و با بازکردن مجدد صفحه تغییرات ملغی خواهند شد.

ادامه دارد...

اگر از این مطلب خوشتان آمد حتما با اشتراک گذاری آن در شبکه های اجتماعی از ما حمایت کنید.