مقالات طراحی سایت

آموزش موارد مربوط به طراحی و ساخت وب سایت

در زبان HTML5 برخی تگها را میتوان حذف کرد، چه تگ ابتدایی باشد چه تگ انتهایی و چه هردو

در زبان HTML برخی تگها بسته نمیشوند، مانند تگ meta، این تگها خود به خود بسته میشوند یا به اصطلاح به آنها "self closing" میگویند.

HTML5 پیشنهاد داده است که تگ انتهایی را برای این نوع تگ ها ننویسیم:

 
<meta charset="UTF-8">
<br>
<hr>
 

با این حال بستن برخی تگهای دیگر نیز اختیاری میباشد. بستن این تگها اختیاری هستند زیرا تگهای جدید بدون بسته شدن آنها میتوانند باز شوند. این تگها به شرح زیر میباشند:

html
head
body
p
dt
dl
dd
frame
basefont
link
li
thead
th
tbody
tr
td
tfoot
area
col
parapm
option
colgroup
img
input
br
hr
meta
base
isindex

اما این سوال مطرح میشود که آیا باید تگهای اختیاری که "self closing" نیستند بسته شوند یا نه؟

معایب

خواند کدهایی که تگ انتهایی دارند برای دولوپرها ساده تر است و آن صفحه را میتوانند به راحتی بررسی کنند.

مزایا

با این حال مزیت ننوشتن تگ های انتهایی این است که شما کدهای کمتری نوشته اید. همچنین گوگل پیشنهاد کرده تگهای زائد را ننویسیم. مرورگرهای دسکتاپ و موبایل هم به راحتی سایت را رندر میکنند.

مطالعه بیشتر: راهنمای نوشتن صحیح HTML/CSS

نتیجه گیری

اگر تیمی که شما با آن کار میکنید با کدهای تمیز را ترجیح میدهند بهتر است کدهای اختیاری را ببندید؛ ولی اگر مشکلی با حذف کدهای اختیاری ندارند بهتر است به توصیه گوگل گوش بدید و آن کدها را ننویسید.

محمد صالح کاتبی پانزدهم آپریل 2018

نوشتن دیدگاه