پرسش و پاسخ – کار با تگ Head در HTML

خیر این تگ ها یکی نیستند.
هِد یا Head یا سَر : میشه سره یک صفحه ی وب که تمام مواردی که مربوط به یک وبسایت می باشد از جمله (عنوان اون صفحه در مرورگرها،دستورات سی اس اس اون صفحه، دستورات جاوااسکریپت اون صفحه و..) در آن قرار میگیرد.
ولی تگ های تیتر تگ هایی هستند که صرفا میان و تیتر بندی مطالب موجود در یک صفحه ی وب را مشخص میکنند.

با استفاده از تگ <title> میتونیم عنوان صفحه مون رو در مرورگرها مشخص نماییم.(مثال)
با استفاده از تگ <style> میتونیم دستورات CSS مورد نظرمون رو برای اون صفحه مشخص نماییم.(مثال)

با استفاده از این تگ میتونیم فایل های خارجی را به راحتی به فایل اصلی مون (html) متصل نماییم. (مثال)

بله ضروری می باشند.
متاداده ها یا متاتگ ها یسری تگ هستند که میان و یکسری اطلاعات رو به صفحه ی وبمون اضافه میکنند برای کی!؟ برای مرورگرها و موتورهای جستجوگر که اونها بتونن خیلی راحت و بهتر به صفحه ی وب ما دسترسی داشته باشند.
مثلا برای مرورگرها که بهتر سایت مارو در خودشون نمایش بدهند و برای موتورهای جستجوگر برای اینکه بهتر به سایت ما دسترسی داشته باشند. (مثال)

باسلام و عرض ادب خدمت شما دوست محترم
متوجه سوالتون هستم لطفا اجازه بدید توضیح بدم

ببینید ما کلا ۲ حالت سایت میتونیم داشته باشیم اینو دیگه فک کنم صددرصد خودتونم میدونید ( یعنی اینو همه میدونن دیگه )
سایت استاتیک
سایت داینامیک

سایت استاتیک :
به سایتی که عملیات ارسال و دریافت ( ذخیره و بازیابی ) داده هارو نتونه انجام بده میگیم سایت استاتیک، مثلا شما یه چنتا فایل html دارید فقط همین، این میشه استاتیک
و همیشه هم فایل های html استاتیک باید بصورت دستی ویرایش یا آپدیت بشن، یعنی شما خواستی یه متنی چیزی اضافه کنی باید اون فایل رو بصورت دستی ویرایش بزنید
حال در سایت های استاتیک ( که از مجموعه چندین فایل html ) درست شدن باید تو هر صفحه فایل های CSS یا JS یا هرچی که هست باید حتما در قسمت Head فراخوانی بشن و نمیشه که اونارو ترکیب کرد و بگیم مثلا یکبار واردشون کنیم برای ۱۰۰ فایل دیگه.

سایت داینامیک :
اینجا دیگه جریان فرق میکنه، تو این حالت دیگه ما میتونیم هزاران یا میلیون ها صفحه داشته باشیم با فقط ۱ عدد صفحه هد ( head ) ، یعنی دیگه عملا ما یه دونه صفحه داریم که هد ماست و فایل های css و js رو واردش میکنیم تموم شد رفت.
ولی دیگه همون ۱دونه صفحه head بصورت سیستمی ( بلاخره سایت داینامیکه دیگه ) وارد صدها،هزاران و میلیون صفحه دیگه میشه
یعنی اگه خواستید مثلا یه فایل css جدید اضافه کنید به head ، شما دیگه فقط ۱دونه فایل رو ویرایش میزنید و اضافش میکنید دیگه بعدش اون توی هزاران صفحه دیگه خودش اعمال میشه
ولی توی استاتیک باید هزاران یا میلیون ها صفحه رو بصورت دستی ویرایش بزنید و اون فایل css رو اضافه کنید

اگه خوب حرفامو متوجه نشدید این بخاطره اینه که آشنایی قبلی ندارید با مثلا زبان های سمت سرور مثه php یا هنوز خوب درک نکردید که سایت داینامیک چیه و…
اگه بازم سوالی هست حتما بپرس
باتشکر

با سلام و عرض ادب خدمت شما دوست خوبم امیدوارم که حالت خوب باشه
==========
اگه تگی که متعلق به قسمت head هستش رو داخل body بنویسیم خب بله شاید در ظاهر و در خروجی مشکلی نباشه ولی از لحاظ استانداردهای طراحی وب قطعا مشکل داره و اون کدنویسی استاندارد نیست.
مثلا تگ title فقط باید داخل تگ head نوشته شه ولی اگه شما داخل تگ body بزاری بازم خروجی درست میده ولی خب دیگه استاندارد نیست
==========
همونطور که میدونید ما با استفاده از سایت W3C میتونیم معتبر بودن یا استاندارد بودن کدنویسی یک صفحه وب رو چک کنیم (کلیک کنید)
==========
خب اره در برخی از سایت ها می‌بینیم مثلا برنامه نویس اومده یسری کارارو انجام داده که اون کارها استاندارد نیست ولی خب در خروجی هم مشکلی نداره و نشون داده میشه
ولی وقتی میگیم استاندارد یعنی موارد مهمی که تاثیر مستقیم در سئو دارن مواردی که میتونه یه سایت رو در رتبه های برتر گوگل قرار بده و…
وگرنه خب شما برو سایت های مطرح و برتر (از لحاظ استاندارد کدنویسی) رو بررسی کن قطعا هیچکدوم غیراستاندارد کدنویسی انجام ندادن
==========
پس شماهم همیشه سعی کن استاندارد کدنویسی کنی و کاری به بقیه و اینکه روش اشتباهی دارن نداشته باشید
باتشکر