نگارش برچسب های HTML

چگونه به نشت HTML برچسب ها صحیح

اگر امروز به هر صفحه نشانه گذاری HTML برای هر صفحه نگاه کنید، عناصر HTML را درون سایر عناصر HTML مشاهده خواهید کرد. این عناصر که "درون" دیگر هستند، همان چیزی است که به عنوان عناصر توزیع شناخته می شوند و برای ساختن هر صفحه وب ضروری است.

چه چیزی به Nest برچسب های HTML معنی می دهد؟

ساده ترین راه برای درک کشیدن این است که فکر کردن به برچسب های HTML را به عنوان جعبه ای که محتوای شما را نگه می دارد. محتوای شما می تواند شامل متن، تصاویر و غیره باشد. تگ های HTML جعبه ها در اطراف محتوا هستند. گاهی اوقات، شما نیاز به جعبه در داخل جعبه های دیگر. این جعبه های "داخلی" در داخل دیگران قرار دارد.

اگر یک بلوک متن دارید که در داخل یک پاراگراف قرار دهید، شما باید دو عنصر HTML و همچنین متن خود داشته باشید.

مثال: این جمله ای از متن است.

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

مثال: این جمله ای از متن است.

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

مثال: این جمله از متن است.

همانطور که می بینید، ما یک جعبه (پاراگراف) حاوی محتوا / متن حکم ما، به علاوه یک جعبه دوم (زوج برچسب قوی)، که این کلمه را به عنوان پررنگ نشان می دهد.

هنگامی که شما برچسب ها را قرار می دهید، بسیار مهم است که تگها را به ترتیب مقابل آن ها باز کنید. ابتدا

را باز کنید و سپس را باز کنید، به این معنی که آن را معکوس کنید و را ببندید و سپس را بزنید.

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

افزودن برچسب های بیشتر در حال جابجایی

اگر بخواهید فقط یک یا دو کلمه به صورت جسورانه و یک مجموعه دیگر به صورت کلامی باشد، چه؟ در اینجا چگونگی انجام این کار است.

مثال: این جمله متن است و همچنین دارای متن کلاسیک است.

شما می توانید ببینید که جعبه بیرونی ما،

، در حال حاضر دو برچسب درون آن قرار دارد - و . آنها هر دو می بایست قبل از بسته شدن جعبه بسته شوند.

به عنوان مثال: این جمله متن است و همچنین دارای متن کلاسیک است.

این یک پاراگراف دیگر است. < / p>

در این مورد ما جعبه در داخل جعبه ها! بیشترین خروجی جعبه

یا «تقسیم» است. در داخل آن جعبه یک جفت تگ های پاراگراف توافق شده است، و در قسمت پاراگراف اول یک پیوند و بعدی وجود دارد. امروز یک بار دیگر، به هر صفحه وب نگاه کنید و این اتفاق و خیلی چیزهای دیگر را ببینید! این است که چگونه صفحات ساخته شده است - جعبه در داخل جعبه.

چرا باید در مورد نستیدن مراقبت کنید

یکی از دلایلی که شما باید در مورد لانه سازی مراقب باشید این است که آیا قصد استفاده از CSS دارید. صفحات سبک Cascading به تگ ها متصل می شوند تا به طور مداوم درون سند توزیع شوند تا بتوانند به آنها بگویند کجا شروع و پایان می شوند. اگر شما یک سبک را تنظیم کنید که باید بر روی تمام لینک هایی که در قسمت تقسیم شده با یک کلاس متنی اصلی در صفحه قرار داشته باشند، نرمافزار نادرست باعث می شود که مرورگر بداند که این سبک ها را اعمال کند. بیایید به برخی از HTML ها نگاه کنیم:

مثال: این عبارت متن است و همچنین دارای متن کلاسیک است.

این یک پاراگراف دیگر است.

با استفاده از مثال من فقط اظهار داشتم اگر میخواهم یک سبک CSS بنویسم که بر روی لینک در داخل این بخش تاثیر بگذارد و تنها آن پیوند (به عنوان مخالف هر لینک دیگر بخشهای دیگر از صفحه)، من نیاز به استفاده از برای نوشتن سبک من، به عنوان مثال:

.main-content a {color: # F00؛ }

دلایل دیگر شامل قابلیت دسترسی و سازگاری مرورگر است. اگر HTML شما به طور نادرست توزیع شده باشد، برای خوانندگان صفحه نمایش و مرورگرهای قدیمی قابل دسترسی نخواهد بود. حتی اگر مرورگرها نمیتوانند چگونگی درست صفحه را رندر کنند، حتی ممکن است ظاهر بصری یک صفحه را از بین ببرد، زیرا عناصر HTML و برچسب ها خارج از محل هستند

در نهایت، اگر شما در تلاش برای نوشتن کامل HTML درست و معتبر هستید، لازم است از تخصیص صحیح استفاده کنید. در غیر این صورت، هر اعتبار سنج HTML را به عنوان نادرست پرچم گذاری می کند.