2011-06-10 30 views
14

हेड टैग और बॉडी टैग के बीच क्या अंतर है?एचटीएमएल <head> और <body> टैग के बीच क्या अंतर है?

अधिकांश HTML पुस्तकें केवल 'संक्षिप्त रूप से' <head> और <body> टैग का उल्लेख करती हैं ... लेकिन वे वास्तव में वास्तव में तेज़ी से चले जाते हैं।

क्या वे वेब पेजों को ब्राउज़ करने वाले ब्राउज़र को प्रभावित करते हैं?

साथ ही, क्या वे उस क्रम को प्रभावित करते हैं जिसमें जावास्क्रिप्ट चल रहे हैं?

(मेरा मतलब है, अगर मैं एक <head> टैग के अंदर एक जावास्क्रिप्ट है, यह <body> टैग के अंदर एक और जावास्क्रिप्ट से पहले चल पाएंगे यहां तक ​​कि जब <body><head> से पहले आया था??)

यह भी भ्रामक है - मैं नहीं है कभी भी एक सिर/बॉडी टैग का इस्तेमाल किया, लेकिन मुझे इसके साथ कभी भी कोई परेशानी नहीं थी। लेकिन Jquery ट्यूटोरियल पढ़ने के दौरान, मैंने लोगों को <head> और अन्य <body> टैग के अंदर कुछ कोड डालने की सिफारिश की।

धन्यवाद !!! पेज और कैसे यह कार्रवाई करने के लिए के बारे में जानकारी: सिर टैग में

+6

आप कुछ जवाब स्वीकार करने के लिए चाहते हो सकता है। (Http: //meta.stackexchange।कॉम/प्रश्न/91889/कैसे-करें-मैं-स्वीकार-एक-उत्तर-से-मेरे प्रश्न/918 9 1 # 918 9 1) – Kevin

+0

मैंने कभी ऐसा दस्तावेज़ नहीं देखा है जहां शरीर सिर से पहले आता है। क्या यह भी वैध है? – CodesInChaos

+0

संभावित डुप्लिकेट [क्या मुझे शरीर में या एचटीएमएल के सिर में स्क्रिप्ट लिखनी चाहिए?] (Http://stackoverflow.com/questions/3531314/should-i-write-script-in-the-body-or-the -हेड-ऑफ-द-एचटीएमएल) –

उत्तर

8

आम तौर पर जावास्क्रिप्ट कोड शरीर में कोड से पहले सिर में कार्य करेंगे। मुख्य अनुभाग आमतौर पर उस पृष्ठ के बारे में जानकारी रखने के लिए उपयोग किया जाता है जिसे आप मेटा कीवर्ड मेटा विवरण या किसी पृष्ठ के शीर्षक की तरह नहीं देखते हैं। आप किसी भी बाहरी फाइलों जैसे कि .css .js फ़ाइलों को मुख्य अनुभाग में लिंक भी करेंगे क्योंकि पेज प्रदर्शित होने से पहले उन्हें लोड करने की आवश्यकता है। शरीर खंड में

कुछ भी आप स्क्रीन पर देखते होने की अपेक्षा करेंगे क्या है।

+0

इस http://stackoverflow.com/a/1833792/1728314 के अनुसार डाउनलोड के साथ प्रतिपादन को अवरुद्ध करने से बचने के लिए 'बॉडी' बंद करने से ठीक पहले जेएस से लिंक करना बेहतर हो सकता है। – wacha

13
  • चीजें चीजें हैं जो गाया नहीं किया जाना चाहिए रहे हैं।
  • शरीर टैग में चीजें वे चीजें हैं जिन्हें प्रदर्शित किया जाना चाहिए: वास्तविक सामग्री।
  • शरीर में जावास्क्रिप्ट को निष्पादित किया जाता है क्योंकि इसे पढ़ा जाता है और पृष्ठ प्रस्तुत किया जाता है।
  • किसी भी चीज को प्रस्तुत करने से पहले सिर में जावास्क्रिप्ट का अर्थ है।
+1

नमस्ते, "शरीर में जावास्क्रिप्ट को निष्पादित किया जाता है क्योंकि इसे पढ़ा जाता है और जैसा कि पृष्ठ प्रस्तुत किया जाता है।", "और" क्या आपका मतलब है कि इसे दो बार निष्पादित किया जाएगा? एक बार पढ़ने के बाद और पृष्ठ के बाद एक बार प्रस्तुत किया? –

+0

@ हेलीनवंग नं। मेरा मतलब है कि जब यह प्रतिपादन शरीर में उस बिंदु तक पहुंचता है तो इसे निष्पादित किया जाएगा। – trutheality

+0

परंपरागत रूप से इसे '' टैग के अंत में स्क्रिप्ट टैग रखने के लिए सबसे अच्छा अभ्यास माना जाता था क्योंकि ब्राउज़र लोड होने वाली सभी स्क्रिप्ट तक दस्तावेज़ को पार्स करना बंद कर देगा। यह आधुनिक ब्राउज़रों के लिए सच नहीं है। – max

7

<script> टैग तब होते हैं जब ब्राउज़र पृष्ठ लोड करते समय उन्हें सामना करता है। <head> में पृष्ठ के लिए सामग्री शामिल नहीं हो सकती है, इसमें केवल मेटा-सूचना (शीर्षक, विवरण, आदि), शैलियों और स्क्रिप्ट शामिल हो सकती हैं। इसलिए यदि आप <head> में एक <script> टैग डालते हैं, इससे पहले कि आप ब्राउज़र पृष्ठ की सामग्री (जो <body> में जाना चाहिए) लोड हो रहा है शुरू कर दिया है कि यह चलाया जाता है यह सुनिश्चित कर रहे हैं।

पृष्ठ की सामग्री हेरफेर करना चाहते हैं, तो आप यकीन है कि अपनी स्क्रिप्ट सामग्री आप जोड़ तोड़ कर रहे हैं के बाद दिखाई देता बनाने की जरूरत है। यही कारण है कि लोगों ने <body> के अंत में स्क्रिप्ट डालने का फैसला किया।

यदि आपका कोड खराब है (उदाहरण के लिए, टैग ठीक से नहीं बंद कर दिया साथ), इस समस्या का कारण हो सकता है। यही कारण है कि jQuery जैसे पुस्तकालयों में दस्तावेज़ों को सही समय पर दस्तावेज़ में हेरफेर करने में आपकी सहायता करने के लिए सुविधाएं हैं।

+0

सही उत्तर, मेरे सभी प्रश्न स्पष्ट करें। यह स्थिति का वर्णन करता है जब

0

ब्राउज़र क्या सही रूप <body> दिखाने के लिए <head> में है पर कार्रवाई करेंगे।

<head> क्या चरित्र अपने पृष्ठ का उपयोग करता है निर्धारित करते हैं, जब, ताज़ा करने के लिए बाहरी चादरें या स्क्रिप्ट आप शामिल करना चाहते हो सकता है, और अपने पृष्ठ के बारे में जानकारी की तरह सामान रखती है।

<body> केवल प्रदर्शन उन्मुख सामग्री, आमतौर पर HTML आधारित है।

मॉडल (यानी जानकारी) और दृश्य (यानी HTML) को अलग रखना महत्वपूर्ण है। क्यूं कर? बाद में, आप एक शैली को अपडेट करना चाहेंगे, और जब भी ऐसा होता है, तो आप इसे अपने सभी HTML के माध्यम से पीछा नहीं करना चाहते हैं। <head> में पूरे दस्तावेज़ के लिए इसे एक स्थान पर बेहतर करना बेहतर है।

2

एक HTML फ़ाइल में हेडर और "बॉडी" (पेलोड) — HTTP अनुरोध की तरह है।

<body>, दस्तावेज़ की सामग्री को समाहित करते हुए <head> हिस्सा मेटा तत्वों, जैसे कि, जानकारी के बारे में सामग्री शामिल है। यह (आमतौर पर) शीर्षक, एन्कोडिंग, लेखक, स्टाइल इत्यादि

जावास्क्रिप्ट के बारे में आपके प्रश्न के लिए: सामान्य जावास्क्रिप्ट में मूल्यांकन किया जाता है क्योंकि यह (लोड और) पार्स किया जाता है। इसलिए, यदि आप <head> अनुभाग में जावास्क्रिप्ट एम्बेड करते हैं तो इसे तुरंत पार्स किया जाना चाहिए।

0

हेड टैग आमतौर पर अन्य फ़ाइलों को आयात करने और मेटा डेटा की तरह प्रदर्शित नहीं होने वाले आपके पृष्ठ के गुणों को परिभाषित करने के लिए उपयोग किया जाता है। तो आप अपने हेड सेक्शन में वेबपृष्ठ की आवश्यकता वाले सीएसएस/जावास्क्रिप्ट फ़ाइलों को रख सकते हैं और वे आपके पेज प्रदर्शित होने से पहले लोड होंगे।

शरीर टैग जहां आप आदि अपनी वेबसाइट के कुछ हिस्सों कि आप displaed चाहते, पी टैग, divs की तरह, जगह है

+0

के पीछे रखा गया है यह प्रश्न 4 साल पहले पूछा गया था, यह संभावना है कि उपयोगकर्ता अभी भी समस्या को हल करने का प्रयास कर रहा है ... इस मंच पर, हमेशा तिथियों की जांच करें (उपयोगकर्ता के पास प्रतीक) यह जानने के लिए कि क्या करना है ... यदि यह बहुत पुराना है, तो उसे छोड़ दें, यह केवल ऐतिहासिक फॉलबैक प्रश्न के रूप में सर्वर है – Bonatti

संबंधित मुद्दे