انواع سلکتور های CSS - قسمت اول



visibility  
mode_comment   ۹۹

در جلسه امروز ابتدا یک صفحه html کامل رو با هم کد نویسی می کنیم تا مواردی که در جلسات پیش تدریس کردیم رو در عمل ببینیم چجوری باید استفاده کنیم. بعد از اینکه ساختار کلی صفحه رو با html ساختیم میریم سراغ معرفی سلکتور های مختلف در زبان CSS . با دونستن انواع سلکتور ها می تونید تعین کنید که تنظیمات و ویژگی های CSS در چه بخشی از صفحه وب اعمال بشن .

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

  • مینی پروژه - ایجاد یک قالب کامل HTML5 بدون کدهای CSS
  • معرفی سلکتورهای مختلف CSS
  • سلکتور .class
  • سلکتور #id
  • سلکتور *
  • سلکتور element
  • سلکتور element,element
  • سلکتور element element
  • سلکتور element>element
  • سلکتور element+element
  • سلکتور element1~element2
info توجه

این مطلب یک جلسه از آموزش طراحی وب سایت با HTML , CSS می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش طراحی وب سایت با HTML , CSS

comment دیدگاه کاربران
سامان جعفری replyپاسخ

دانلود نکردم فعلا اما این پروژه محور بودن اموزش خیلی خوب هستش ممنون ❓
اموزش شما هم که حرف نداره استاد 😉

nader70 replyپاسخ

با سلام وخسته نباشید
فیلم دانلود کردم از دقیقه 77 به بعد مشکل داره و قطع میشه

لقمان آوند

سلام
تست شده و چنین مشکلی نداره.
احتمالا بد دانلود شده…
حجم فایلی که دانلود کردید چقدره ؟ حجم واقعی فایل باید 259 مگابایت باشه …

منصور جواهر replyپاسخ

من هنوز این دوره رو شروع نکردم چون اما ثبت نام کردم . دوره پی اچ پی رو تموم کردم و دارم پی اچ پی کار میکنم تا پی اچ پی رو تقریبا حرفه ای نتونم به کار بگیرم این دوره رو شروع نمیکنم اما همیشه از شما حمایت میکنم با شناختتی که از شما دارم مطمئنم به نحو احسن هم این دوره رو دارید برگزار میکنید نظرات دوستان هم گویای همین هست ایکاش وقت بیشتر داشتم و میتونستم با شما پیش برم در دوره های آموزشی

لقمان آوند

متشکرم

nader70 replyپاسخ

228

لقمان آوند

پس ناقص دانلود کردید
مجددا دانلود کنید

Mahdi replyپاسخ

252mg هستش… 😐

لقمان آوند

چک کنید اگر تا آخر پخش میشه مشکلی نداره …

نوید replyپاسخ

آموزش هاتون فوق العاده است جناب دکتر.حیفم اومد تشکر نکنم از جنابعالی

لقمان آوند

ممنون از لطف شما

افشین زندی replyپاسخ

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

لقمان آوند

خواهش می کنم
موفق باشید

سمیرا replyپاسخ

سلام استاد.
میشه لطفادر مورد p ~ ul که در تمرین سایت w3 اومده یه نگاهی بندازین چون اونجا ul هایی که درون p هستند رو رنگی کرده نه اونایی که قبل p بودند رو .آخه شما تو ویدئو گفتین ~ مربوط به تگ مستقیم قبل میشه و تو اجرای کد هم مطابقت نداره.
ممنون

لقمان آوند

اگه منظورتون این مثال هست تمامی ul هایی که قبل از اونها یه تگ p وجود داره انتخاب میشه. 2 تا ul که بعد از تگ p قرار گرفتند انتخاب شدند. اگر بد توضیح دادم این قسمت رو عذرخواهی می کنم.

سمیرا

خیلی عالی الان کاملا معنیشو متوجه شدم 🙂 . خیلی ممنون از توضیح روشنتون استاد عزیز .

لقمان آوند

خواهش می کنم
موفق باشید

Pouriya Ariyafar

سلام استاد و خداقوت
استاد شما گفتید که تمامی ul هایی که قبل از اونها یه تگ p داشته باشه، خب پاراگراف دوم تگ p داره ولی پاراگراف سوم تگ p نداره
یا اون تگ p به تمام ul های بعدش اثر داره؟

لقمان آوند

الان دقیقا یادم نیست. می تونید بگید کجای ویدیو گفتم که مجدد ببینم و بهتون بگم. زمان ویدیو رو بگید . ممنون

amir7626 replyپاسخ

دوستان واسه منم دعا کنین وقتم آزادتر بشه

و همونطور که از جلسات اول به شدت در حال یادگیری بودم بازم بتونم خودم و برسونم 🙁

hojat hossyni replyپاسخ

سلام استاد با نرم افزار Edge Animate کار کردید ؟؟؟؟ چطور هست برای کار ؟؟؟؟

لقمان آوند

سلام
خیر متاسفانه کار نکردم و تجربه ای در این مورد ندارم.

امید فیروزه replyپاسخ

سلام خسته نباشید استاد جلسه دهم کی منتشر میشه

لقمان آوند

سلام
ایشالله یکشنبه (امتحان آخرم هست) .

sara salami replyپاسخ

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

لقمان آوند

از لطفتون سپاسگزارم

جعفر پیشدادی replyپاسخ

با سلام وتشکز از دوره
لطفا اگر میسر در پروژه ها از طراحی سایتهای راست چین استفاده کنید
سایت های قدیمی از table به جای divبرای قسمت بندی استفاده می شد.چه مزایا ومعایبی داشت؟

لقمان آوند

ایشالله
جدول ها برا ساختاردهی به صفحه ایجاد نشدن و لودشون هم کندتره .
تو این دوره بر اساس div ها اینکارو می کنیم

امید فیروزه replyپاسخ

سلام خسته نباشید
ببخشید استاد این سلکتور ها را نگفتید ….
سلکتور [attribute]
سلکتور [attribute=value]
سلکتور [attribute~=value]
سلکتور [attribute|=value]
سلکتور [attribute^=value]
سلکتور [attribute$=value]
سلکتور [attribute*=value]

لقمان آوند

جلسه 10 رو ببینید .
اونجا گفتیم

امید فیروزه

مرسی

Massud Tarekhi replyپاسخ

سلام

خسته نباشید استاد آوند چرا دوره های آموزش لینوکس رو برگزار نمیکنید،فکر کنم اگر دوره هایی برای آموزش سیستم عامل لینوکس بزارید خیلی از افراد ثبت نام می کنند.

با تشکر

لقمان آوند

سلام
اگر فرصت بشه سعی می کنیم اینکارو انجام بدیم در سال آینده
ولی متاسفانه وقت خیلی کمه …
ممنون از پیشنهادتون

Pouriya Ariyafar

اره لینوکس عالیه
تازه منبع خوبی یا فیلم اموزشی فارسی قوی نداره تو اینترنت

میوند replyپاسخ

سلام استاد
تگ hgroup را در PhpStorm ناشناخته میگه و در سایت w3school نیز در مورد این تگ معلومات نداده دلیل این چه هست؟؟؟

لقمان آوند

گویا کنسرسیوم جهانی وب تصمیم به حذف این تگ گرفته و دیگه ساپورت نمیشه
استفاده نکنید …

میوند replyپاسخ

و دیگه اینکه در سایت Validator تگ hgroup را فرزند تگ header قبول نکرد و خطا گرفت 🙁 🙁

لقمان آوند

تگ hgroup از html5 حذف شده .
دیگه ازش استفاده نکنید .

Pouriya Ariyafar

خب استاد جایگزین نداره این تگ حذف شده؟؟؟
یا لازم نیس؟

لقمان آوند

نه جایگزین نداره و تگ مهمی نیست …

hossein replyپاسخ

سلام منظور از shortcut در کد زیر چیست؟
<link rel="shortcut icon" href="assets/favicon.ico" type="imag

لقمان آوند

مقدار shortcut icon رو برای تصویر favicon سایت ها قرار میدن معمولا …

hossein

درسته ولی بدون کلمه shorcut هم استفاده میشه فرق این دو حالت منظورم هستش

لقمان آوند

الان دقیقا نمیدونم . ولی فکر کنم به خاطر سازگاری با نسخه های قدیمی باشه که هر دو رو استفاده می کنن .

Pouriya Ariyafar

ولی من وقتی shortcut icon رو نمیذارم ایکون نمایش داده نمیشه

itone

منم دقیقا با همین مشکل پیدا کردم !!!!
توی php storm هم چنین گزینه ای نداره ضمن اینکه شما توی جلسات قبی ریلیشن رو icon قرار دادید ؟؟؟
الن از کدومشون استفاده کنیم ؟؟
icon
shortcut icon

لقمان آوند

همون که د دوره گفتیم رو بزارید مشکلی نیست

سید محمد رضا صدیقی replyپاسخ

سلام خسته نباشید توی این دوره شما با نرم افزار phpstorm کار کردید که برای ویرایش html قابلیت نمایش انلاین داشت می خواستم ببینم افزونه ای برای این نرم افزار وجود نداره که بشه باهاش ویرایش css رو هم به صورت انلاین مشاهده کنیم یا نرم افزار دیگه ای رو برای سی اس اس پیشنهاد می دید

لقمان آوند

یه پلاگین به نام easy auto refresh برای کروم وجود داره که اتوماتیک هر چند ثانیه خودش صفحه رو رفرش میکنه. تو دوره جاوااسکریپت اونو معرفی کردیم. چون لایوادیت کمی مشکل داشت. این پلاگینو نصب کنید . با رفرش اتوماتیک هر تغیری تو سورس بدید با هر زبونی اعمال میشه .

itone

یه پیشنهاد خیلی خوب من از کد بالایی استفاده میکنم همون کدی که استاد اوند توی جلسات پیش گفتند
این خیلی باحال تره
و دیگه نمیخاد با live edit سرو کله بزنید
در مواقع که میخاید لایو ادیت داشته باشید کدو بزارید
در مواقعیم که نمیخاید لایو ادیت کنید اونو کامنتش کنید

Mehdi Soli replyپاسخ

سلام آقای آوند
من افزونه stylish رو کروم نصب کردم و باهاش کار کردم، واقعا خوب و کاربردیه، یه سوال داشتم در مورد این جلسه و همین طور stylish. تو یک سایت می خواستم یک بخش رو نمایش نده، کد بصورت زیر بود:

کد را در بخش بعدی قرار دادم چون نمایش داده نمی شد

الان اگه بخواهم display: none رو به اجرا در بیارم برای کلاس container داخل newsletter، چی باید تو بخش سلکتورش بزنم؟ چون به این مطالب این جلسه مربوط بود خواستم از شما راهنمایی بگیرم
ضمنا اکثر بخشها در هر سایتی تقسیم میشه به div ها و یا سایر تگهای بلاکی دیگری (مثل تگهای html5 مثل section, article و …) که با id ها و کلاسهای گوناگون درهم قرار دارند، پیدا کردن بعضی از المان ها برای استایل دهی مجدد آسان است ولی بعضی ها پیچیده میشوند، مثلا در همین سایت بطور امتحانی خواستم قسمتهای پایینی و فوتر آن را عوض کرده و نمایش ندهم، اما چندین بخش تو در تو وجود داشت که بعضی های آنها غیر فعال نمی شد. در اینگونه موارد چگونه باید تشخیص دهم که باید بر روی کدام id یا کلاس استایل جدید خود رو اعمال کنم؟ (مثلا بر روی id هاو کلاسهای بیرونی تر یا درونی تر؟)
اگر نیاز بود بگویید که آدرس سایتی که بصورت امتحانی می خواستم این کار را انجام دهم را برای شما بفرستم.
بسیار از راهنمایی و لطف شما سپاسگزارم

لقمان آوند

آقا مهدی کدت رو در قالب یه فایل برام ایمیل کن و همین توضیحات رو تو متن ایمیل هم بیار که جواب بدم . بدون کد نمیشه درست جواب داد …

Amir Th replyپاسخ

سلام استاد
اگر wrapperرو تو یه دایو کلی برای همه ی rowها در نظر بگیریم مشکلی داره؟

لقمان آوند

می تونید اینکار رو هم بکنید. کمی باید استایل ها رو تغیر بدید …

Amir Th replyپاسخ

سلام استاد خسته نباشید یک سوال برام پیش امده که خیلی منو گیج کرده برای قالب بندی کلی سایت باید دقیق از چه روشی استفاده کرد تو این روش شما که از rowو اینا استفاده کردین یکم گیج شدم این روش اقای دریس فک می کنم ساده تر و بهتر باشه
https://7learn.com/tutorials/design-template-part4-1-base-html?back=1 و یه عیب داره که باید به جای دیو ها از تگ های اچ تی ام ال ۵ استفاذه کرد که بهتر باشه اگر غیر این روش اشتباهه میشه یه منبع یا چیز دیگه ای برام بگین که قالب بندی کلی رو یاد بگیرم

لقمان آوند

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

Pouriya replyپاسخ

سلام استاد این نظر رو میگم تو قسمت ویدیو نیس
لطفا این نظر رو نگاه کنید ممنون
لینک

لقمان آوند

ببخشید فکر کردم از ویدیو سوال داشتید .
منظور این نیست که حتما مستقیما یه p قبل از هر ul باشه.
یه p که تو صفحه باشه برای همه ul های بعد از اون اعمال میشه. یعنی دقیقا همون چیزی که خودت گفتی : اون تگ p به تمام ul های بعدش در این مورد اثر داره !

Pouriya

خیلی ممنون استاد عزیز برای توضیحتون
سپاس

لقمان آوند

خواهش می کنم
موفق باشید

عباس احمدی replyپاسخ

سلام استاد
یک سوال ذهنم را مشغول کرده
اونم اینکه این طراحی قالب کجا بکار میآد
وقتی نمیشه در ورد پرس استفاده کرد کجا میشه ؟

وحید صالحی

سلام چرا نمیشه استفاده کرد کافیه شما نحوه تبدیل قالبتون رو به وردپرس فرا بگیرید اونوقت خیلی راحت می تونید این کار رو انجام بدید یا هر cms دیگه ای رو…

عباس احمدی replyپاسخ

very good
بسیار ممنون

بهرام آزادی replyپاسخ

با سلام
یه سوال داشتم استاد گرامی
در مورد فاو آیکن ها، آیا حتما باید فرمت اونها ico. باشه؟ و یا مثلا فرمتی مثل jpg هم میشه؟
و دوم اینکه اگر ما یک لوگو رو بخوایم به عنوان فاوآیکن سایتمون قرار بدیم چه طول و عرضی باید براش تعریف کنیم؟

وحید صالحی

سلام بله باید ico باشه و اندازه استاندارد هم 32 در 32 پیکسل هست

حمیدرضا شریف

فکر میکنم png هم میشه فقط باید type رو تغییر داد:
type=”image/png”

مصطفی رجبی replyپاسخ

تشکر

مصطفی جعفری replyپاسخ

سلام .من زمانی که از تگ a برای لینک کردن استفاده میکنم و در href ادرس سایت سون لرن رو به طور کامل قرار میدم اما حالت لینکی نداره و لینک غیر فعاله .با تشکر

لقمان آوند

می شه کدتون رو برای بنده بفرستید؟

مصطفی جعفری replyپاسخ

استاد مشکلم حل شد .ممنون

حمیدرضا شریف replyپاسخ

مورد h2~p رو اشتباه توضیح دادید. شما گفتید pهایی که قبل از تگ h2 قرار گرفته باشند درحالیکه توضیح درست میشود تمام pهایی که بعد از h2 باشند چه بلافاصله آمده باشند و چه بلافاصله نباشند.

لقمان آوند

سلام
احتمال اشتباه هست و اگر اشتباه کردم عذرخواهی می کنم.
خوبه که پیگیر هستید!

Hamide replyپاسخ

سلام
استاد من تفاوت + و ~ رو متوجه نمیشم: باتوجه به توضیحی ک سایت W3Schools گفته:
http://www.w3schools.com/cssref/css_selectors.asp

وحید صالحی

سلام + برای عنصر بعدی هست مثلا div+p یعنی عنصر p که بلافاصله بعد از عنصر div قرار گرفته باشه ولی ~ برای انتخاب عنصر قبلی هست مثلا p~ul یعنی عنصر p که قبل از ul قرار گرفته باشه…

abbas

با سلام
در مورد این سلکتور باید بگم که علامت( ~) عنصرهای قبلی را انتخاب نمی کند ، جناب دکتر آوند هم در این جلسه همین مطلب را گفتند که عنصر های قبل را انتخاب می کند ولی این مورد صحیح نیست لطفا شما هم امتحان نمائید و نظرتان را اعلام کنید

لقمان آوند

سلام
برای مثال سلکتور p ~ a مجموعه a هایی رو مشخص میکنه که بعد از یه p در صفحه اومده باشن. (یعنی یه p قبل از اونها در هر کجای صفحه باشه)

علی صوفی replyپاسخ

سلام و خسته نباشید این کد کجاش غلطه
span.wpcf7-not-valid-tip {
direction: rtl;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
left: auto;
right: 20%;
}

span.wpcf7-list-item {
margin-left: 0;
margin-right: 0.5em;
}

لقمان آوند

از لحاظ ساختاری مشکل خاصی نداره.
باید ببینید در کجای صفحه به چه منظوری استفاده میشه و چه مشکلی داره احیانا !

itone replyپاسخ

سلام و خسته نباشید
استاد اوند میشه یه تمرین در مورد مینی پروژه (قالب html )به من بدید !!!!
سپاسگزارم !

لقمان آوند

تمرین خاصی نمی خواد
یه عکس مربوط به سایت رو از سطح وب پیدا کنید و سعی کنید کدش رو بنویسید که شبیه اون بشه

itone

سلام استاد یه سوال
استاد شما توی تگ article از footer استفاده کردید …
ایا میتونیم از تگ header هم واسه title اون استفاده کین م؟؟؟
به این صورت …

this title article
body article
read more

-الان من توی Article از تگ h1 استفاده کردم و توی nav هم از تگ h1 استفاده کردم مشکلی به همراه نمیاره ؟
/////////////////////////////////////////////////////////////////////////////////////////////////
استاد من واسه تمرین رفتم توی وب سایت یاهو و سعی کردم کد html بنویسم استاد میشه واستون بفرستم و بگید مشکلاتش کجاست ؟؟
ممنون بابت پاسخگویتون ….

لقمان آوند

سلام
بله میشه
تو هر صفحه فقط یک h1 رو به کار ببرید .

itone replyپاسخ

استاد یه سوال دیگه ببخشید …


این کد روی پاراگراف هایی اعمال میشه که توی دیو هستند


اینم روی پاراگراف هایی که (مستقیما) درون دیو هستند ….
11111111111111111111111111111111111111111111111111111111

استاد میتونم بپرسممنظور از مستقیما چیه ؟؟
2-و فرق این دوتا سلکتور چیه باهم هر دوتاشون یه کارو میکنن که …

معذرت میخام از استاد عزیز اقای اوند و تمام کهربران به خاطر اینکه تعداد سوالاتم زیاده ……………..

لقمان آوند

یعنی فرزند مستقیم div باشن. نوه و نتیجه و … نباشن 😉

وحید صف آرا replyپاسخ

سلام . خسته نباشید
استاد یه تکیه رو اشتباه تدریس کردید!!!
h2~p
شما به این گفتید p هایی که قبل از h2 اومده باشند.در حالی که صحیح نیست!
این یعنی تمامی p هایی که بعد از h2 اومدند ،و h2 هم باید فرزند همان والدی که تگه p هست
شما چون توی چندین پاراگراف توی آموزش اعمال کردید و فکر کردید اینطوری عمل میکنه.
خودم چندین بار تست کردم دیدم اون حرفی که شما گفتید صدق نمیکنه اصلا!چون خودم از قبل یه آموزش دیگه رو دیده بودم از روی کنجکاوی آزمایش کردم.
راستی جواب سوال منم که زیره پست جلسه دوم پرسیدم هنوز ندادید!
نمیدونم دلیلش چی بود از همه رو جواب دادید ولی منو ندادید
یه سوال دیگه هم دارم:
شما اون کد جاوا اسکریپت که واسه IE زدید توی آموزشتون اصلا هیچ سورسی نزاشتی واسش توی فایلاتون.
خب سورسش کجا ذخیره شده؟!
تو خوده ie؟
خودش از نت دانلود میکنه همونوقت؟
من الان نفهمیدم چی به چیه!

با تشکر

لقمان آوند

سلام
p ~ ul یعنی همه ul هایی که قبلشون یه تگ p اومده درحالتی که هر دو هم یک والد دارند. اگر غیر از این گفتم احتمالا اشتباه گفتم.
منظورتون کدوم دقیقه از آموزش هست اگر بگید که ببینم پاسخ میدم در مورد اون کد IE

وحید صف آرا

استاد منظورم اون فایل جاوا اسکریپت html5shiv بود که توی دو جلسه از آمورشاتون تا الان استفاده کردید
هیچ سورسی نداره تو فایل هایی که واسمون گذاشتید.صرفا فقط یه آدرسه

وحید صالحی

اینجا از CDN استفاده شده که سورس رو از اون آدرس میخونه و در هنگام اجرای سند از استفاده میکنه اگر اون آدرس رو در مروگر باز کنید سورسش رو می تونید ببنید و ذخیره کنید

احسان replyپاسخ

سلام آقای دکتر آوند.خیلی ممنون از بیان عالیتون در ارایه مطالب سطح بالا.واقعا من از خریدی که انجام دادم راضی هستم.یک موردی که خیلی حتی قبل از اینکه خودتون بگید ذهن من رو مشغول کرده بود این بود که گاهی اوقات من توی سایت w3 میرم و دوس دارم برای یه مطلبی که میخوام همیشه داشته باشمش اون رو به صورت pdf داشته باشم و در گوشی دسترسی داشته باشم بهش .تا اینکه توی یکی از جلسات که خاطرم نیست کدوم جلسه بود ولی فکر کنم 8 یا 9 بود دیدم شما یه حرکت بسیار حرفه ای واسه این مورد زدید که واقعا شگفت انگیز بود 😆 میشه خواهش کنم کد کامل اکستنشن استایلیش خودتون رو در اختیارم بذارید دکتر؟ واقعا دوس دارم که متون w3 رو که لازم دارد به صورت pdf داشته باشم…خیلی ممنون از وبسایت غنی و آموزشهای عالیتون 😎

لقمان آوند

سلام و ممنون از شما دوست عزیز
متاسفانه الان اون استایل ها رو ندارم و فقط حین ضبط دوره ازشون استفاده می کردم.
اگر داشتم حتما بهتون میدادم.
می تونید یه مدیاکوئری برای print بزنید و بخش های مختلفی رو که نمی خواید نمایش داده بشه به کلاسشون display:none بدید و استایل رو خودتون بسازید

karami20102 replyپاسخ

سلام وقت بخیر
phpstorm2018 نشان میده که تگ hgrooup منسوخ شده
چه تگی جایگزینش میشه؟

علی صالحی replyپاسخ

سلام جناب اوند
یه سوالی برام پیش اومده ممنون میشم جواب بدین
تو بخش footer پروژه ای که در این قسمت کار شد شما اومدین یه تگ div تعریف کردین و درون اون از تگ footer استفاده کردین
ولی فک کنم اگه قبلش اول از تگ footer استفاده میکردیم که به مرورگر بگیم اینجا بخش فوتر است بعدش با تگ div قسمت های مختلف footer و جدا کنیم نمیدونم شایدم من اشتباه میکنم یه سایتی هم رفتم ( خارجی ) خواستین ادرسشم میدم اونام اینجوری نوشته بودن اول تگ footer بود بعد تگ Div که با div اون بخش footer رو به چند بخش تقسیم کرده بودن
تشکر

علی صالحی replyپاسخ

چرا به کامنتا جواب نمیدین ؟

لقمان آوند

سلام
تعداد کامنت ها یکم زیاده و طول می کشه
عذرخواهی می کنبم اگر تاخیر داریم در پاسخگویی

علی صالحی replyپاسخ

سلام
بازم که جواب کامنت قبلی و ندادین جناب اوند
باشه اشکالی نداره
تشکر

nilla abr replyپاسخ

سلام استاد خسته نباشید، تگ hgroup در html5 منسوخ شده, طبق جستجویی که من کردم جایگزینی برای این تگ نیست، سوالم این هست که پس میتوان تگ های h1 تا h6 در تگ header بیاوریم؟ از نظر محتوایی به چه صورت باید عمل کرد؟

mststrange replyپاسخ

سلام. از جلسه 2 به بعد هیچ فایلی دانلود نمیشه لطفا بررسی کنید

Farzane Zareei replyپاسخ

با سلام و ادب.
ببخشید به جای تگ hgroup که الان دیگه منسوخ شده چه جایگزینی باید استفاده کنیم؟

لقمان آوند

سلام
این مقاله رو بخونید. پیشنهاد میشه از تگ header استفاده کنید .

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.