ویب معیار تحریک کا ایک اہم اصول جو آج ہمارے پاس ہے اس صنعت کے ذمہ دار ہے جو ایچ ٹی ایم ایل عناصر کو پہلے ہی ڈیفالٹ کے ذریعہ کیسے دکھائے جاسکتا ہے اس کے مقابلے میں ان کے لئے HTML عناصر کا استعمال کرنے کا خیال ہے. یہ سیمنٹیکل ایچ ٹی ایم ایل کا استعمال کرتے ہوئے کے طور پر جانا جاتا ہے.
سیمنٹ ایچ ٹی ایم ایل کیا ہے
سیمنٹیکل ایچ ٹی ایم ایل یا سیمنٹ مارک اپ ایچ ٹی ایم ایل ہے جو صرف پیش نظارہ کے بجائے ویب صفحہ پر معنی متعارف کرایا ہے. مثال کے طور پر،
ٹیگ کا اشارہ ہے کہ منسلک متن ایک پیراگراف ہے.
یہ صومالی اور پیش نظارہ دونوں ہے، کیونکہ لوگ جانتے ہیں کہ پیراگراف کیا ہیں اور براؤزر جانتا ہے کہ انہیں کیسے ظاہر کرنا ہے.
اس مساوات کے فلپ کی طرف، ٹیگز کی طرح اور semantic نہیں ہیں، کیونکہ وہ صرف متن کی وضاحت کرتے ہیں کہ کس طرح متن (جرات مندانہ یا اطالوی) کی وضاحت کرتے ہیں اور مارک اپ کے لئے اضافی معنی نہیں فراہم کرتے ہیں.
سیمنٹ ایچ ٹی ایم ایل ٹیگ کی مثالیں ہیڈر ٹیگ
کے ذریعہ ، ، اور میں شامل ہیں. بہت سے سیمنٹ ایچ ٹی ایم ایل ٹیگ ہیں جو آپ کے معیار کے مطابق ویب سائٹ بنانے کے طور پر استعمال کیا جا سکتا ہے.
سامعین کے متعلق آپ کو کیوں پرواہ کرنا چاہئے
سیمنٹ ایچ ٹی ایم ایل لکھنے کا فائدہ یہ ہے کہ کسی بھی ویب صفحہ کے ڈرائیونگ کا مقصد کیا ہونا چاہئے - بات چیت کرنے کی خواہش. اپنے دستاویز میں سمتھ ٹیگ کو شامل کرکے، آپ اس دستاویز کے بارے میں مزید معلومات فراہم کرتے ہیں، جو مواصلات میں مدد کرتا ہے. خاص طور پر، سمیٹ ٹیگ یہ براؤزر کو واضح کرتی ہیں کہ ایک صفحہ کا مطلب کیا ہے اور اس کا مواد ہے.
اس وضاحت کو تلاش کے انجن کے ساتھ بھی بات چیت کی جاتی ہے، اس بات کو یقینی بنانے کے لئے کہ صحیح سوال صحیح سوالات کے لئے فراہم کی جائیں.
سیمنٹیکل ایچ ٹی ایم ایل ٹیگز ان ٹیگ کے مواد کے بارے میں معلومات فراہم کرتی ہیں جو اس صفحے سے باہر نکلتے ہیں کہ وہ کس طرح صفحے پر نظر آتے ہیں. متن جس میں ٹیگ میں منسلک ہے براؤزر کی طرف سے فوری طور پر کچھ کوڈنگ کی زبان کے طور پر تسلیم کیا جاتا ہے.
اس کوڈ کو فراہم کرنا کرنے کی بجائے، براؤزر کو سمجھا جاتا ہے کہ آپ اس متن کو کسی مضمون کے مقاصد کے لئے یا کسی قسم کے آن لائن سبق کے لۓ کوڈ کی مثال کے طور پر استعمال کررہے ہیں.
سیمنٹ ٹیگ کا استعمال کرتے ہوئے آپ کو اپنے مواد کو اسٹائل کرنے کے لئے بہت زیادہ ہکس فراہم کرتا ہے. شاید آج آپ چاہتے ہیں کہ آپ کے کوڈ کے نمونے کو پہلے سے طے شدہ براؤزر سٹائل میں ڈسپلے کریں، لیکن کل، آپ انہیں سرمئی پس منظر کے رنگ سے فون کرنا چاہتے ہیں، اور بعد میں آپ کے لئے استعمال کرنے کے لئے عین مطابق مونو اسپیس فونٹ خاندان یا فونٹ اسٹیک کی وضاحت کرنا چاہتے ہیں. آپ کے نمونے آپ سیمنٹ مارک اپ کا استعمال کرتے ہوئے اور سمارٹ طور پر لاگو سی ایس ایس استعمال کرکے ان سب چیزوں کو آسانی سے کر سکتے ہیں.
سمیٹک ٹیگز درست طریقے سے استعمال کریں
جب آپ پریزنٹیشنز کے مقاصد کے بجائے معنی فراہم کرنے کے لئے سیمنٹ ٹیگ استعمال کرنا چاہتے ہیں، تو آپ کو محتاط رہنے کی ضرورت ہے کہ آپ ان کے عام ڈسپلے خصوصیات کیلئے غلط طور پر صرف استعمال نہ کریں. کچھ عام طور پر غلط استعمال شدہ سمتھ ٹیچر میں شامل ہیں:
- blockquote - کچھ لوگ ٹیگ انڈسٹنگ کے متن کے لئے استعمال کرتے ہیں جو ایک کوٹیشن نہیں ہے. یہ ہے کیونکہ بلاکس کو ڈیفالٹ کی طرف اشارہ کیا جاتا ہے. اگر آپ صرف اشارے کے فوائد چاہتے ہیں، لیکن متن ایک blockquote نہیں ہے، اس کے بجائے سی ایس ایس کے مارجن کا استعمال کریں.
- p - کچھ ویب ایڈیٹرس استعمال کرتے ہیں کہ اس صفحہ کے متن کے لئے اصل پیراگراف کی وضاحت کرنے کے بجائے صفحہ عناصر کے درمیان اضافی جگہ کو شامل کرنے کے لئے
& nbsp؛ (پارراگرافف میں موجود ایک غیر توڑنے والی جگہ). جیسا کہ پہلے ذکر شدہ اشارہ مثال کے طور پر، آپ کو مارجن یا بھرتی سٹائل کی جائیداد کو جگہ کو شامل کرنے کے لئے استعمال کرنا چاہئے.
- الک کی طرح بلایکٹو، <ٹی> ٹیگ انڈینوں کے اندر متن کو زیادہ تر براؤزرز میں لکھا ہے. یہ بنیادی طور پر غلط اور غلط دونوں HTML ہے، جیسا کہ
- ٹیگ ایک <ٹی> ٹیگ کے اندر درست ہے. ایک بار پھر، متنوع ٹیکسٹ کرنے کے لئے مارجن یا بھرتی سٹائل کا استعمال کریں.
- h1-h6 - فونٹ بڑے بنانے اور بکر کرنے کے لئے سرخی ٹیگ استعمال کیا جا سکتا ہے، لیکن اگر متن سر نہیں ہے تو اسے سرخی ٹیگ کے اندر نہیں ہونا چاہئے. اگر آپ اپنے صفحے پر مخصوص متن کے سائز یا وزن کو تبدیل کرنا چاہتے ہیں تو اس کے بجائے فونٹ وزن اور فونٹ سائز سی ایس ایس کی خصوصیات کا استعمال کریں.
مطلب یہ ہے کہ HTML ٹیگ استعمال کرکے، آپ ایسے صفحات بناتے ہیں جو
ٹیگ کے ساتھ صرف ہر چیز کے ارد گرد سے زیادہ معلومات فراہم کرتے ہیں.
کون سا ایچ ٹی ایم ایل ٹیگز سیمنٹیکل ہیں؟
حالانکہ ہر ایچ ٹی ایم ایل 4 ٹیگ اور تمام ایچ ٹی ایم ایل 5 کے ٹیگز ایک بنیادی معنی رکھتے ہیں، کچھ ٹیگ بنیادی طور پر فطرت میں سیمنٹ ہیں.
مثال کے طور پر، ایچ ٹی ایم ایل نے اور ٹیگ کا بنیادی مطلب متعارف کرایا ہے. ٹیگ زیادہ اہمیت نہیں دیتا، بلکہ متن جس میں عام طور پر بولڈ میں پیش کیا جاتا ہے. ٹیگ میں بھی زیادہ اہمیت یا زور نہیں دیتی ہے بلکہ متن کی وضاحت کرتا ہے جو عام طور پر اطالوی زبان میں فراہم کی جاتی ہے.
Semantic HTML ٹیگز
مخفف <اکرنومی> زمرہ
لانگ کوٹیشن تعریف <ایڈریس> دستاویز کے مصنف (ے) کے لئے پتہ حوالہ جات <کوڈ> کوڈ حوالہ ٹیبل ٹائپ متن منطقی ڈویژن عام ان لائن سٹائل کنٹینر حذف کردہ متن داخل کردہ متن زور مضبوط زور
پہلی سطح کے عنوان
دوسرا سطح کے عنوان
تیسری سطح کے عنوان
چوتھائی سطح کے عنوان
پانچویں سطح کے عنوان
چھٹی سطح کے عنوان
تھیم وقفے صارف کے ذریعہ داخل ہونے کا متن
پری فارمیٹ کردہ متن
مختصر ان لائن کوٹیشن نمونہ پیداوار <ذیلی> سبسکرائب Superscript متغیر یا صارف کی وضاحت کردہ متن
، اور میں شامل ہیں. بہت سے سیمنٹ ایچ ٹی ایم ایل ٹیگ ہیں جو آپ کے معیار کے مطابق ویب سائٹ بنانے کے طور پر استعمال کیا جا سکتا ہے.
سامعین کے متعلق آپ کو کیوں پرواہ کرنا چاہئے
سیمنٹ ایچ ٹی ایم ایل لکھنے کا فائدہ یہ ہے کہ کسی بھی ویب صفحہ کے ڈرائیونگ کا مقصد کیا ہونا چاہئے - بات چیت کرنے کی خواہش. اپنے دستاویز میں سمتھ ٹیگ کو شامل کرکے، آپ اس دستاویز کے بارے میں مزید معلومات فراہم کرتے ہیں، جو مواصلات میں مدد کرتا ہے. خاص طور پر، سمیٹ ٹیگ یہ براؤزر کو واضح کرتی ہیں کہ ایک صفحہ کا مطلب کیا ہے اور اس کا مواد ہے.
اس وضاحت کو تلاش کے انجن کے ساتھ بھی بات چیت کی جاتی ہے، اس بات کو یقینی بنانے کے لئے کہ صحیح سوال صحیح سوالات کے لئے فراہم کی جائیں.
سیمنٹیکل ایچ ٹی ایم ایل ٹیگز ان ٹیگ کے مواد کے بارے میں معلومات فراہم کرتی ہیں جو اس صفحے سے باہر نکلتے ہیں کہ وہ کس طرح صفحے پر نظر آتے ہیں. متن جس میں ٹیگ میں منسلک ہے براؤزر کی طرف سے فوری طور پر کچھ کوڈنگ کی زبان کے طور پر تسلیم کیا جاتا ہے.
اس کوڈ کو فراہم کرنا کرنے کی بجائے، براؤزر کو سمجھا جاتا ہے کہ آپ اس متن کو کسی مضمون کے مقاصد کے لئے یا کسی قسم کے آن لائن سبق کے لۓ کوڈ کی مثال کے طور پر استعمال کررہے ہیں.
سیمنٹ ٹیگ کا استعمال کرتے ہوئے آپ کو اپنے مواد کو اسٹائل کرنے کے لئے بہت زیادہ ہکس فراہم کرتا ہے. شاید آج آپ چاہتے ہیں کہ آپ کے کوڈ کے نمونے کو پہلے سے طے شدہ براؤزر سٹائل میں ڈسپلے کریں، لیکن کل، آپ انہیں سرمئی پس منظر کے رنگ سے فون کرنا چاہتے ہیں، اور بعد میں آپ کے لئے استعمال کرنے کے لئے عین مطابق مونو اسپیس فونٹ خاندان یا فونٹ اسٹیک کی وضاحت کرنا چاہتے ہیں. آپ کے نمونے آپ سیمنٹ مارک اپ کا استعمال کرتے ہوئے اور سمارٹ طور پر لاگو سی ایس ایس استعمال کرکے ان سب چیزوں کو آسانی سے کر سکتے ہیں.
سمیٹک ٹیگز درست طریقے سے استعمال کریں
جب آپ پریزنٹیشنز کے مقاصد کے بجائے معنی فراہم کرنے کے لئے سیمنٹ ٹیگ استعمال کرنا چاہتے ہیں، تو آپ کو محتاط رہنے کی ضرورت ہے کہ آپ ان کے عام ڈسپلے خصوصیات کیلئے غلط طور پر صرف استعمال نہ کریں. کچھ عام طور پر غلط استعمال شدہ سمتھ ٹیچر میں شامل ہیں:
- blockquote - کچھ لوگ ٹیگ انڈسٹنگ کے متن کے لئے استعمال کرتے ہیں جو ایک کوٹیشن نہیں ہے. یہ ہے کیونکہ بلاکس کو ڈیفالٹ کی طرف اشارہ کیا جاتا ہے. اگر آپ صرف اشارے کے فوائد چاہتے ہیں، لیکن متن ایک blockquote نہیں ہے، اس کے بجائے سی ایس ایس کے مارجن کا استعمال کریں.
- p - کچھ ویب ایڈیٹرس استعمال کرتے ہیں کہ اس صفحہ کے متن کے لئے اصل پیراگراف کی وضاحت کرنے کے بجائے صفحہ عناصر کے درمیان اضافی جگہ کو شامل کرنے کے لئے
& nbsp؛ (پارراگرافف میں موجود ایک غیر توڑنے والی جگہ). جیسا کہ پہلے ذکر شدہ اشارہ مثال کے طور پر، آپ کو مارجن یا بھرتی سٹائل کی جائیداد کو جگہ کو شامل کرنے کے لئے استعمال کرنا چاہئے.
- الک کی طرح بلایکٹو، <ٹی> ٹیگ انڈینوں کے اندر متن کو زیادہ تر براؤزرز میں لکھا ہے. یہ بنیادی طور پر غلط اور غلط دونوں HTML ہے، جیسا کہ
- ٹیگ ایک <ٹی> ٹیگ کے اندر درست ہے. ایک بار پھر، متنوع ٹیکسٹ کرنے کے لئے مارجن یا بھرتی سٹائل کا استعمال کریں.
- h1-h6 - فونٹ بڑے بنانے اور بکر کرنے کے لئے سرخی ٹیگ استعمال کیا جا سکتا ہے، لیکن اگر متن سر نہیں ہے تو اسے سرخی ٹیگ کے اندر نہیں ہونا چاہئے. اگر آپ اپنے صفحے پر مخصوص متن کے سائز یا وزن کو تبدیل کرنا چاہتے ہیں تو اس کے بجائے فونٹ وزن اور فونٹ سائز سی ایس ایس کی خصوصیات کا استعمال کریں.
مطلب یہ ہے کہ HTML ٹیگ استعمال کرکے، آپ ایسے صفحات بناتے ہیں جو
ٹیگ کے ساتھ صرف ہر چیز کے ارد گرد سے زیادہ معلومات فراہم کرتے ہیں.
کون سا ایچ ٹی ایم ایل ٹیگز سیمنٹیکل ہیں؟
حالانکہ ہر ایچ ٹی ایم ایل 4 ٹیگ اور تمام ایچ ٹی ایم ایل 5 کے ٹیگز ایک بنیادی معنی رکھتے ہیں، کچھ ٹیگ بنیادی طور پر فطرت میں سیمنٹ ہیں.
مثال کے طور پر، ایچ ٹی ایم ایل نے اور ٹیگ کا بنیادی مطلب متعارف کرایا ہے. ٹیگ زیادہ اہمیت نہیں دیتا، بلکہ متن جس میں عام طور پر بولڈ میں پیش کیا جاتا ہے. ٹیگ میں بھی زیادہ اہمیت یا زور نہیں دیتی ہے بلکہ متن کی وضاحت کرتا ہے جو عام طور پر اطالوی زبان میں فراہم کی جاتی ہے.
Semantic HTML ٹیگز
مخفف <اکرنومی> زمرہ
لانگ کوٹیشن تعریف <ایڈریس> دستاویز کے مصنف (ے) کے لئے پتہ حوالہ جات <کوڈ> کوڈ حوالہ ٹیبل ٹائپ متن منطقی ڈویژن عام ان لائن سٹائل کنٹینر حذف کردہ متن داخل کردہ متن زور مضبوط زور
پہلی سطح کے عنوان
دوسرا سطح کے عنوان
تیسری سطح کے عنوان
چوتھائی سطح کے عنوان
پانچویں سطح کے عنوان
چھٹی سطح کے عنوان
تھیم وقفے صارف کے ذریعہ داخل ہونے کا متن
پری فارمیٹ کردہ متن
مختصر ان لائن کوٹیشن نمونہ پیداوار <ذیلی> سبسکرائب Superscript متغیر یا صارف کی وضاحت کردہ متن