تگ ها را قبلا توضیح دادیم این نوع طراحی که بر مبنای پروژه ها است را توضیح دادم وفقط کامل می کنیم و تغییراتی ایجاد می کنیم
این قسمت یا بخش شبیه قبل می باشد قسمتی از طراحی درون طراحی دیگر قرار گرفته است
<div><!--شروع اموزش بخش هفتم-->
<div><!--شروع پروژه دهم-->
قسمتی از محتوا که مربوط به پروژه دهم است اینجا است
درسته این تگ را نوشتیم پایان بخش هفتم اما در اصل اینجا بسته می شود مادر ذهن مان یک طور طراحی کردیم ولی در اصل این طور نیست</div><!--پایان اموزش بخش هفتم-->
قسمتی از محتوا اینجا است در حالی که این درون تگ بخش هفتم است
</div> <!--پایان پروژه دهم-->
می بینید که دو طراحی درون هم هستند برای این که این مشکل را حل کنیم باید فکر کنیم که چطور یک طراحی ایجاد کنیم که هردورادر بر بگیرید یا باید از یک طراحی ایجاد کنیم
و محتوا را جابه جا کنیم یعنی محتوایی که در این قسمت است را به یک جا ببریم درون نتیجه ببینیم قبلا به این مشکل برخورده بودیم می بینید که اینجا بسته شده است که این تگ می باشدولی
ما می خواستیم اینجا بسته شودپس برای رفع این طراحی محتوا را جابه جا می کنیم یک تگ پاراگرافی که داریم که شروع اش مشخص نیست که مرورگر برای رفع اشکال یک تگ شروع برایش ساخته است
تگ پایان را حذف می کنیم واین قسمت را به این قسمت متصل می کنیم برای چه علتی از کامنت یا توضیحات استفاده می کنیم
برای تقسیم بندی تگ ها
برای شناسایی یا شناختن تگ ها
یک روش دیگری برای شناختن تگ وجود دارد که استفاده از ویژگی ها می باشد که قبلا توضیح دادم پس یکی دیگر از کاربردهای ویژگی برای شناختن تگ می باشد
حال از چه ویژگی استفاده می شود که تگ شناخته شود یکی از ویژگی هایی که استفاده می شود به نام کلاس می باشد به این شکل می باشد مثلا می خواهیم تگ دایو را بشناسیم یا نام گذاری
اش کنیم مثل استفاده از تگ کامنت اما این روش نام گذاری یا شناسایی یا استفاده از ویژگی کاربردهای دیگری هم دارد .
این تگ دایو ای که ازش استفاده می کردیم و برای شناسایی یا شناختن اش از کامنت استفاده می کردیم
<div><!--شروع تگ-->
</div><!--پایان تگ-->
حالا استفاده از کلاس حالا درون دابل کوتیشن یک نام برایش تعریف می کنیم مثلا بخش اول پس این روش را نام گذاری تگ ها از روش کلاس می گویند
<div class="part1">
</div>
یک تگ دایو دیگر تعریف کردیم و نام گذاری دیگری کردیم دیگر مثل کامنت یا توضیحات نیازی نیست در پایان تگ چیزی اضافه کنیم شروع و پایان تگ را خودش متوجه می شود
وقتی از ویژگی استفاده می کنیم یکی دیگر از کاربردهای این روش استفاده در زبان های دیگراست یکی دیگر از کاربردهای این روش دسترسی راحت تر به تگ است
<div class="proj1">
</div>
این تگ را نام گذاری کردیم نام گذاری هم مبنایی دارد مثل نام گذاری براساس آموزش،نام گذاری براساس پروژه ،نام گذاری براساس طراحی
یک تگی تعریف کردیم و نام گذاری قراردادیم قبل از آموزش اما برای این که طولانی نشود به این شکل نوشتیم
<div class="bef_tutorial">
</div>
پایان تگ نیازی نیست چیزی بنویسیم نمی توانیم از تگ کامنت یا توضیحات در برنامه نویسی استفاده کنیم ولی می توانیم از ویژگی کلاس استفاده کنیم
part2_tutorial
این فقط یک اسم می باشد و بر مبنای طراحی ام این نام گذاری را کرده ام مسئله خاصی ندارد یک اشکالی داریم این قسمت ویژگی بسته نشده است تگ دیگری را نام گذاری می کنیم
شبیه قبل تگ ها را نام گذاری می کنیم چطور این تگ را نام گذاری می کنیم تگ های دیگر را نام گذاری نمی کنیم براساس طراحی مان می باشد همانطور که در اجرا یا نتیجه مشاهده می کنید
یک تقسیم بندی داریم هم تقسیم بندی داریم هم تقسیم بندی را نام گذاری می کنیم درست متوجه شدید هم تقسیم بندی تگ ها را داریم هم نام گذاری آن ها تقسیم بندی تگ کاف نیست
برای شناختن ودسترسی به تگ و تغییرات تگ از این روش ویژگی استفاده می کنیم وقتی از یکی از این ویژگی ها استفاده شود متوجه می شوید از قبل کپی کردم که نیازی نباشد
دوباره بنویسم یک دفعه از اسمان متن ظاهر نمی شود کپی کردم حالا اینجا وارد می کنم پس چی کار کردیم تگ ها را براساس طراحی مان نام گذاری کردیم
درسته هم تقسیم بندی کردیم ،هم کامنت گذاشتیم برای هر تگ ،هم نام گذاری اش کردیم براساس ویژگی کلاس حالا در اموزش ببینیم هم کاربرد تگ و ویژگی را می گوییم
هم طراحی ر ابه کد تبدیل می کنیم هم در اموزش می بینیم برای مطالعه بیشتر اینجا توضیحات یا کاربردهای دیگری از بحث کلاس را توضیح می دهد ولی در زبان اچ تی ام ال
برای نام گذاری تگ ها و شناسایی بیشتر انها از کلاس استفاده می کنیم
کلاس ویژگی ای است که در تمام تگ ها استفاده می شود ویژگی داریم که فقط در یک تگ استفاده می شود مثل ویژگی
<a href=""></a>
که در تگ لینک استفاده می شود می گوید نام گذاری کلاس یعنی همان نامی که درون دابل کوتیشن می نوشتیم به حروف کوچک و بزرگ حساس می باشد یعنی چه ؟
یعنی اگر با حروف کوچک انگلیسی یک تگ را نام گذاری کنی و یا با حروف بزرگ نام گذاری کنی دو تگ متفاوت می باشد
این دو تگ با دو نام گذاری متفاوت می باشد در حالتی که یا درصورتی که نام هردویکسان می باشد
<div class="bef_tutorial">
</div>
<div class="BEF_TUTORIAL">
</div>
می بینید که در این آموزش بیشتر تاکید دارد به این موضوع که اگر از کلاس در تگ ها استفاده کنید می توانید در زبان های دیگر یا به وسیله زبان های دیگر روی تگ کار کنید
یا روی تگ تغییراتی ایجاد کنید و ما اینجا توضیح دادیم یا دادم که برای شناسایی یا شناختن تگ از ویژگی کلاس استفاده می کنم یا بیشتر روی بخش یا جنبه طراحی اش تاکید دارم
دراین اموزش می گوید اگر از ویژگی کلاس در تگ استفاده کنید می توانید توسط دوزبان دیگر روی تگ کار کنید که این مسئله ما نیست و ما در باره زبان اچ تی ام ال توضیح می دهیم
این هم تگ دایو است که ویژگی کلاس را روی اش پیاده سازی می کنیم قبلا در مورد این دیدیدم که این تگ خودش یک خط جدید وارد می کند اینجا کاربردهای استفاده از تگ دایو را توضیح می دهد
این هم توضیحی درباره دایوتگ یا عنصر یا المنت اینجا هم زبان های دیگر را اورده است ولی بیشتر تاکید به زبان اچ تی ام ال وتبدیل طراحی به کد داریم برای مطالعه بیشتر می توانید از این صفحه
استفاده کنید می گوید تگ دایو تمام عرض را می گیرد حالا طراحی دیگرمان را که قبلا پیاده سازی کردیم و کامنت و توضیحات نام گذاری کردیم (این در کد اجرا نمی شود ) حال با
ویژگی کلاس نام گذاری می کنیم (این در کد اجرا می شود) در نتیجه مشاهده کنیم این هم یک نام گذاری تگ براساس ویژگی به نام کلاس پس اگر متوجه هم نشوید یک مرجع اموزش دارید که به ان
رجوع کنید یکسری تگ های خاص می باشند که برای جای خاصی کاربرد دارند ولی تگ هایی که پیاده سازی می کنم تگ های خاص نیستند واکثر جاها کاربرد دارند
فیلم آموزشی:
فایل های مورد نیاز:
موفق باشید
به امیدخدا