ویژگی های html را بپوشانید. با استفاده از عنصر span

به‌عنوان یک توسعه‌دهنده وب، نمی‌توانم احساس کنم همه این دستورالعمل‌ها در سال 2015 بسیار گمراه‌کننده هستند.

البته، تگ "p" در مقطعی برای استفاده از پاراگراف در نظر گرفته شده بود ... اما در 100٪ برنامه ها، طراحی ها و توسعه عمومی روزمره من چیزی جز محدودیت های اعمال شده توسط " مشاهده نکردیم. برچسب p" ... هیچ فایده ای در اینترنت امروزی ندارد.

من می گویم بله، p یک عنصر توصیفی است، و به همین دلیل، اگر همه اینها اتفاق بیفتد. "چیزی را توصیف کن"، من برای آن همه چیز خواهم بود... اما این فقط محتوا را توصیف نمی کند، بلکه مستقیماً جایگزین محتوای ALTERS می شود، که به خودی خود محدود است، همه چیز نیست، بلکه محتوا را نیز محدود می کند. اینکه چرا هر کسی که ذهن درستی دارد به طور هدفمند بلوک ساختمان نهایی را در مورد توسعه وب می پذیرد، فراتر از من است. از نقطه نظر طراحی، منطقی نیست. از نقطه نظر ساختاری، این منطقی نیست. از هیچ یک از دستکاری های PERIOD DOM، منطقی نیست.

همه ما استفاده از برچسب "p" را با هم متوقف کرده‌ایم، مگر اینکه کاملاً مجبور باشیم (مانند مطبوعات دیکشنری سمت مشتری، چیزهای احمقانه مانند آن). هیچ بهانه ای وجود ندارد که چرا ما نمی توانیم تقریباً همه چیز را با کلاس ها و شناسه های نامگذاری شده توصیف کنیم، بنابراین دلیلی برای تعظیم به "استانداردهایی" که هیچ فایده ای ندارند، نمی بینیم، و در واقع هر قطعه از پازل را COUNT، تگ "p" انجام می دهد. به توسعه دهنده کمک نمی کند، کاربر نهایییا مدرن موتورهای جستجو... به طور خلاصه ... تگ "p" در پیاده سازی های پیچیده حتی از راه دور تقریباً منع می شود (و به یک دلیل بسیار خوب)، اجازه ندهید نظرات این کنترل های استاندارد نازی محتوای شما را ارائه دهد!

حتی در همین سایت، با تمرکز بر توسعه دهندگان در آن، آن را بسیار برتر از آن است صفحه خودیک قسمت پاپ کوچک وجود دارد که می تواند از تگ "p" استفاده کند، زیرا حاوی متن کافی برای اجرا به خط دوم است، اما به طور کامل در DIV (و فقط div، نه div -> p) برای تقریباً ثبت می شود. عدد بی نهایتدلایل ... اول از همه اینکه امروزه "p" در مقایسه با هر بلوک به خوبی توصیف شده ایجاد شده از یک DIV، که به خوبی توصیف شده است (بیشتر ... من می گویم) به عنوان یک پاراگراف "p" با یک شناسه بسیار توصیفی، ناخوشایند است. = "تار" ...

از Stackoverflow:

من با

و عمر طولانی

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

ما در این پست به دو موضوع مهم خواهیم پرداخت - استفاده از عنصر span و ایجاد متن ایتالیک و پررنگ با استفاده از em و تگ های قوی. احتمالا چیز جدید و مفیدی یاد خواهید گرفت. با یک بار حفظ و درک ظرافت ها، در آینده این عناصر را به درستی اعمال خواهید کرد.

با استفاده از عنصر span

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

عنصر span فقط به عنوان اعمال می شود گزینه آخر، از آنجایی که معنای معنایی ندارد: نمی توان گفت چه محتوایی در آن وجود دارد. عنصر بدون استفاده از کد CSS کاملاً بی فایده است: به خودی خود، مطلقاً هیچ تأثیری بر نمایش ندارد. ترکیب این دو ویژگی به این معنی است که عنصر span در سایت نیاز به استفاده کم، عمدی و با دقت دارد.

مثال معمولی از استفاده از یک عنصر v عنصر بلوک- بسته بندی محتوایی که غیر از این نمی توانست مشخص شود سبک های CSS... برای مثال:

به دلایلی، ما نیاز داریم کلمه خاصنمایش داده در غیر این صورت در این ابازا

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