هنگامی که از بخش HTML5 SECTION استفاده کنید

و هنگامی که استفاده از ARTICLE، ASIDE، و DIV

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

عنصر SECTION یک عنصر معنایی است

اولین چیزی که باید درک کنیم این است که عنصر SECTION یک عنصر معنایی است. این بدان معناست که برای هر دو عامل کاربر و انسان به معنای محتوا محصور شده است - به طور خاص یک بخش از سند.

این ممکن است به عنوان یک توصیف بسیار معناشناسی به نظر برسد، و به همین دلیل است. دیگر عناصر HTML5 وجود دارند که تفاوتهای معنایی بیشتری با محتوای شما دارند که ابتدا باید قبل از استفاده از عنصر SECTION استفاده کنید:

هنگام استفاده از عنصر SECTION

از عنصر ARTICLE هنگامی که محتوا یک بخش مستقل از سایت است که می تواند به تنهایی و به عنوان یک مقاله یا پست وبلاگ بسازد، از عنصر ARTICLE استفاده کنید. از عنصر ASIDE هنگامی که محتوا به طور منحصر به فرد مربوط به یا محتوای صفحه یا سایت خود، مانند ستون های فرعی، حاشیه نویسی، پاورقی ها، و یا اطلاعات مربوط به سایت مرتبط است. از عنصر NAV برای محتوای ناوبری استفاده کنید.

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

در عوض، شما باید از عنصر DIV استفاده کنید. عنصر DIV در HTML5 یک عنصر کانون غیر معنایی است. اگر محتوایی که می خواهید ترکیب کنید معنای معنایی ندارد، اما شما هنوز هم باید آن را برای یک ظاهر طراحی ترکیب کنید، سپس عنصر DIV عنصر مناسب برای استفاده است.

چگونه عنصر بخش کار می کند

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

عنصر SECTION عناصری را درون طرح اولیه سند ایجاد می کند. و به این ترتیب، شما همیشه باید یک عنصر هدر (از H1 تا H6) به عنوان بخشی از بخش داشته باشید. اگر شما نمیتوانید یک عنوان برای بخش ایجاد کنید، دوباره عنصر DIV احتمالا مناسب تر است. به یاد داشته باشید، اگر شما نمی خواهید عنوان بخش در صفحه ظاهر شود، شما همیشه می توانید آن را با CSS ماسک کنید.

هنگامی که استفاده از عنصر SECTION نیست

فراتر از توصیه های بالا برای استفاده از عناصر معنایی خاص تر ابتدا یک منطقه مشخص وجود دارد که نباید از عنصر SECTION استفاده کنید: فقط برای سبک.

به عبارت دیگر، اگر تنها دلیل اینکه یک عنصر را در آن قرار دهید، این است که ویژگیهای Style CSS را پیوست کنید، نباید از عنصر SECTION استفاده کنید. عنصر معنایی را پیدا کنید یا از عنصر DIV استفاده کنید.

در نهایت آن ممکن است مهم نیست

یک مشکل در نوشتن HTML معنایی این است که معنای معنوی برای من، ممکن است شما کاملا بی معنی باشد. اگر احساس می کنید که می توانید عنصر SECTION را در اسناد خود استفاده کنید، باید از آن استفاده کنید. اکثر کارگزاران اهمیتی نمی دهند و صفحه را همانطور که ممکن است انتظار داشته باشید نشان می دهد که آیا شما DIV یا SECTION را طراحی می کنید.

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