تفاوت بین این دو شرایط وجود دارد
طراحی وب، مانند هر صنعت یا حرفه ای، دارای زبان خاص است. همانطور که وارد صنعت می شوید و شروع به گفتگو با همتایان خود میکنید، بدون شک به شرطی از اصطلاحات و عباراتی که برای شما تازه است، وارد خواهید شد، اما جریان زبانهای حرفه ای وب خودتان. دو عبارتی که می شنوید برچسب "HTML" و "عنصر" هستند.
همانطور که می شنوید این دو اصطلاح صحبت شده است، ممکن است متوجه شوید که آنها تا حدودی قابل تعویض هستند. به همین ترتیب، یک سوال که بسیاری از متخصصان وب جدید زمانی که شروع به کار با کد HTML هستند، "تفاوت بین برچسب HTML و یک عنصر HTML چیست؟"
در حالی که این دو اصطلاح در معنای مشابه هستند، آنها واقعا مترادف نیستند. پس شباهت این دو اصطلاح چیست؟ پاسخ کوتاه این است که هر دو برچسب ها و عناصر به نشانه گذاری مورد استفاده برای نوشتن HTML اشاره دارند. به عنوان مثال، شما ممکن است بگوئید که شما از تگ
برای تعریف پاراگراف یا عنصر برای ایجاد لینک استفاده می کنید. بسیاری از افراد از تگ شرایط و عناصر به طور قابل تعویض استفاده می کنند و هر طراح وب یا توسعه دهنده ای که با آن صحبت می کنید، شما را درک می کند، اما واقعیت این است که بین دو اصطلاح متفاوت است.
برچسب های HTML
HTML یک زبان نشانه گذاری است که به معنی آن است که با کدهای نوشته شده است که توسط یک شخص قابل خواندن است و نیازی به اولین کامپایل نیست. به عبارت دیگر، متن در یک صفحه وب "با علامت گذاری بر روی" با این کدها برای دادن دستورالعمل مرورگر وب به نحوه نمایش متن است. این برچسب های نشانه گذاری تگ های HTML خود هستند.
هنگام نوشتن HTML، شما نوشتن تگ های HTML را می نویسید. تمام تگ های HTML ساخته شده از تعدادی از قطعات خاص، از جمله:
- علامت کمتر از علامت <
- یک کلمه یا شخصیت که تعیین می کند کدام تگ را نوشته می شود
- هر تعداد از صفات HTML اختیاری در فرم یک نام = "ارزش" جفت
- و در نهایت علامت بزرگتر از>
به عنوان مثال، در اینجا برخی از تگ های HTML وجود دارد:
-
-
این همه تگ های باز کردن HTML است، بدون هیچ ویژگی اختیاری اضافه شده به آنها. این برچسب ها عبارتند از:
-
- پاراگراف را تعریف می کند.
- - صفحه را به عنوان HTML تعریف می کند
- - تقسیم را تعریف می کند.
تگ های زیر عبارتند از:
-
این نمونه ها شامل ویژگی هایی هستند که به تگ های HTML باز شده اضافه شده اند.
-
- یک لیست غیر ارادی است که دارای ویژگی ID است
- تقسیم یک ویژگی کلاس دارد
- عنصر لنگر، یا لینک، شامل ویژگی "href" می شود
- برچسب تصویر با صفت "src"
برای تگ های لنگر و تصویر، ویژگی ها در واقع اختیاری نیستند، برای این برچسب ها برای نمایش مناسب لازم است. شما باید لینک را کجا بنویسید (همان چیزی است که "href" انجام می دهد) و تصویر چه چیزی باید نشان دهد (این همان چیزی است که attribute "src" را فراهم می کند).
عناصر HTML چه هستند؟
با توجه به مشخصات W3C HTML، عنصر ساختار پایه HTML است و معمولا از دو برچسب تشکیل شده است : یک تگ باز و یک تگ بسته. تا کنون ما تنها در باز کردن برچسب ها، که عناصر را شروع می کنیم. برای پایان دادن به این عنصر، برچسب های بسته شدن مربوطه را بنویسید.
برای مثال، برای عنصر پاراگراف این را بنویسید:
p>
این از برچسب باز است که ما یک لحظه پیش را مشاهده کردیم و نیز برچسب تثبیت - p>. تگ های بستن واقعا فقط تگ باز کردن تکرار می شوند، اما با یک "بریده بریده" به طور مستقیم پس از "کمتر از نماد" اضافه شده است.
تقریبا تمام عناصر HTML دارای یک تگ باز و یک تگ بسته هستند. این برچسب ها متن را که در صفحه وب نشان می دهد، محصور می کند. برای مثال، برای نوشتن پاراگراف متن، متن را برای نمایش در صفحه نوشتید و سپس آن را با این برچسب ها احاطه کنید:
این جایی است که شما می توانید متن پاراگراف را که می خواهید در صفحه وب نمایش داده شود بنویسید. p>
برخی از عناصر HTML یک برچسب بسته را ندارند. اینها عناصر خالی نامیده می شوند. بعضی اوقات، آنها نیز به عنوان عناصر " تک تک " یا "void" شناخته می شوند. عناصر خالی آسان برای استفاده هستند زیرا شما فقط باید یک برچسب را در صفحه وب خود قرار دهید و مرورگر می داند چه کاری باید انجام دهد. برای مثال، برای اضافه کردن یک خط یک خط به صفحه شما از تگ b تگ استفاده می کنید.
یکی دیگر از عناصر رایج که شامل یک تگ باز است عنصر "تصویر" است. مثلا:
ما قبلا این مثال را دیدیم، اما هیچ عالمت بسته ای برای این عنصر تصویر وجود ندارد. مرورگر به سادگی این کد را با تصویری که در ویژگی "href" اشاره شده است جایگزین می کند. در این مورد، این "logo.png" خواهد بود.
به طور کلی، هنگامی که به یک عنصر HTML یا برچسب مراجعه می کنم، از اصطلاح "عنصر" استفاده می کنم تا نشان دهد که من به تمام قسمت های عنصر مراجعه می کنم (هر دو برچسب های باز و بسته شدن). من از "تگ" استفاده می کنم، من واقعا فقط یک یا بیشتر اشاره می کنم. این استفاده صحیح از این دو اصطلاح است و من شما را به استفاده صحیح از آنها توصیه می کنم - اما فقط می دانم که اگر شما آنها را کمی لغزید و آنها را تغییر دهید، شما همواره توسط همتایان جدید توسعه وب خودتان درک خواهید شد!
مقاله اصلی جنیفر کریینین. ویرایش شده توسط Jeremy Girard در تاریخ 7/21/17
-