خلاصه مطالب استاد 2
سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه تری رو دارین که بنده جا انداختم
لطفا اضافه کنید
نکته : در طراحی وب صفحاتی که اصلی هستند و باید به کاربرمون بیایم و نماییشون بدهیم باید بیایم و در نام اون هارو index بگزراریم چرا چون مرورگر به طور خودکار میاد و دنبال اون میگرده
<!DOCTYPE html>ویژگی یا صفت html در اینجا میاد و به مرورگر می گوید که ما از html5 استفاده میکنیم
<html lang="en">ویژگی یا صفت lan به مرورگر میگوید زبان این سند چی هستش و این کار برای سئو به شدت مهم هست
<meta charset="UTF-8"> ویژگی یا خاصیت charset="UTF-8" میاد و نوع کاراکترهای مارا مشخص میکند که کاراکترهای برنامه مارو بیاد و درست نمایش بدهد
<meta name="viewport" content="width=device-width, initial-scale=1.0">ویژگی یا خاصیت name="viewport" هنگامی که ما میخاهیم طراحی رسپانسیو طراحی بکنیم نیاز هست که از این ویژگی استفاده بکنیم
ویژگی یا خاصیت content="width=device-width میگوید که به اندازه عرض سندمون بیا و عرض بگیرد
ویژگی یا خاصیت initial-scale=1.0" جلوگیری از درگ کردن قالبمون برای چپ راست رفتن و نشه فوکوس کرد و بزرگ نمایی کرد
<div></div>
هرموقع ما خواستیم یک بخشی رو بیایم و درست بکنیم که حاوی یک یا چند المان هستش میایم و از این استفاده میکنیم
مفهموم nest : یک شاخه اصلی که در داخلش شاخه های فرعی وجود دارد که هرکدوم یک تاثیر و رفتاری رو داخل محتوای
اصلی ما میگزارند
<strong></strong>این تگ به ما میگوید که متنی که درداخل ان می نویسیم مهم هست اما نه به مهمی تگ های h
<a></a>از این تگ برای لینک ها استفاده میکنیم و دو تا ویژگی یا صفت مهم دارد
href : همون لینک وب سایتی که در داخل اون قرار میدهیم
target : و مقدار _blank که این ویژگی با این مقدار به ما میگوید که وقتی روش کلیک شد و بیا و یک صفحه ی جدید برامون درست کن
مفهوم block Element و inline Element
inline Element : تگ هایی هستند که به اندازه خودشون میان و فضا میگیرند و اگر اندازه اون محتوای داخلشون کم باشه فضای کمتری میگیرند و اگر زیاد باشه زیاد میگیرند مثل تگ های a که اگر ازشون استفاده بکنیم به صورت متوالی میان و در یک سطر قرار میگیرند
block Element : این تگ ها علاوه بر محتوای خودشون به اندازه یک سطر هم میان و فضا اشغال میکنند و محتوای تگ بعدی رو به لاین بعدی میفرستند
درود دوستان مطالبی که بشه به مطالب خوب عماد جان اضافه کرد این هستش که در تگ های a میتونیم اتریبیوت title هم اضافه کنیم که باز از لحاظ سئو نقش مهمی رو در تگ های لینک ایفا میکنه!
با تشکر
واقعا ادم لذت میبره از این همه سلیقه و حوصله و دقت
داکیومنت فوق العاده ای بود عماد جان
خیلی خیلی ممنون بابت به اشتراک گذاشتنش
بسیار مفیده
سلام به همگی
خواستم به دو نکته اشاره کنم که ممکنه در زمان دیدن این جلسه به اون کمتر دقت شده :
1 . یک سری از اتربیوت ها دنباله یا پیش نیاز اتربیوت های دیگه هستن . مثلا : در تگ meta در صورتی میشه از اتربیوت content استفاده کرد که قبلش از اتربیوت name استفاده شده باشه ( داخل ویدیو به صورت خلاصه گفته شده )
2 . بعضی از اتربیوت ها میتونن چند تا value داشته باشند . مثل : id و class
امیدوارم مفید بوده باشه
