خلاصه مطالب استاد1
سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه تری رو دارین که بنده جا انداختم
لطفا اضافه کنید
Html ==> Hyper Text markup lanquage
یک زبان ابر متن برای نشانه گزاری هستش ما زمانی که یک سند رو میایم و ایجادش میکنیم در حقیقت با تگ ها میایم و ماهیت های اون عناصر و دسته هارو مشخص میکنیم html میاد و ساختار صفحه ی وب مارو توضیح میدهد که از دسته ای از عناصر و المنت ها تشکیل شده است و این تگ ها به مرورگر ما میگویند که محتوای مارو چطوری بیا و نمایشش بده
Document Structure ساختار یک سند
<!DOCTYPE html> زمانی که ما میخاهیم از html5 استفاده بکنیم باید بیایم و از این تگ استفاده بکنیم نوع رو مشخص میکنیم که چه
ورژنی هستش و به مرورگر ما کمک میکند که صفحه پیج و غالب ما رو چطوری بیاد و به درستی نمایش بدهد و کلن یک بارم از این تگ بیشتر استفاده نمیکنیم و قبل از تگ html
ساختار درختی مرورگرمون : DOM
همون سند html هست یا طبق مثال اون زمین که درختمون داخل اش قرار میگرده هستش : Document
<html></html>این تگ ریشه کل تگ های موجود در سندهامون که همه اون هارو در بر میگیرد همچنین میگوید ریشه ی سند ما html هست و طبق مثال ریشه درختمون هستش بعد در داخل اون دو تا دسته داریم به نام های head و body
<head></head>این تگ شاخه های درختمون هستش و بیشتر جنبه ی مفهومی برای موتور های جست و جو مرورگرا داره برای مثال تگ های مربوط به title یا عنوان میاد و در داخل اون قرار میگرد همچنین تگ های مربوط به meta خلاصه کدهایی که نیازی نیست که کاربرمون بیاد و اون ها رو ببینه در داخل این تگ هست
<body></body>تنه ی درختمون هستش و اون کد ها و مطالبی که نیاز هست تا کاربرمون اون هارو ببینه و تنها محتواهای این تگ به کاربرامون نمایش داده می شود
تگ های ما به طور کلی دو دسته هستند : Tag Structure
- اون هایی که به صورت اوپن کلوز هستند یعنی باید بسته شوند اصولا تگ هایی که شامل محتوا هستند یعنی اون هایی ک یک چیزی باید نمایش بدهند
- دسته دوم تگ هایی که باز می شوند ولی نیاز به بسته شدن درآن ها نداریم مثل تگ های رندرمون و input
سلام
خسته نباشید
میشه لطفا فایل پاورپوینت این جلسه رو قرار بدید؟
سلام
در کنار غلط های املایی که قابل چشم پوشی هست،یک اشتباه مفهومی در توضیحاتتون داشتید.
در مورد Dom فرمودید:ساختار درختی مرورگرمون
فکر کنم درستش این بود بگید: ساختار درختی یک فایل یا سند html
خلاصه برداری مفیدی بود.متشکرم ;)
اقا عماد ممنون از خلاصه برداری های مفیدتون که کمک میکنه مطالب رو خلاصه مرور کنیم
عالی
درواقع DOCTYPE تگ یا المنت نیست.
و علاوه بر مواردی که گفته شد بد نیست اشاره کنم که DOCTYPE به مرورگر میفهماند که از چه ورژنی از HTML استفاده میکنیم چرا که تفاوت هایی در ورژن های HTML وجود دارد و مرورگر برای نمایش صحیح صفحه لازم دارد ورژن HTML را بداند.
رفرنس :
https://www.w3schools.com/tags/tag_doctype.asp
https://www.w۳schools.com/tags/ref_html_dtd.asp
در اینجا هم میتونید توضیحات تکمیلی که استاد راجب انواع doctype ها گفتن مطالعه کنید.
