HTML की छिपी विशेषताएं

Question

HTML सबसे अधिक व्यापक रूप से इस्तेमाल की जाने वाली भाषा है (कम से कम एक मार्कअप भाषा के रूप में) इसके कारण क्रेडिट नहीं मिला है।
यह देखते हुए कि यह इतने सालों से है, FORM / INPUT नियंत्रण जैसी चीजें अभी भी कोई नई नियंत्रण नहीं हैं।

तो कम से कम मौजूदा फीचर्स से, क्या आप ऐसी कोई विशेषताओं को जानते हैं जो अच्छी तरह से ज्ञात नहीं हैं लेकिन बहुत उपयोगी हैं।

बेशक, यह सवाल निम्नलिखित है:

जावास्क्रिप्ट का छिपा विशेषताएं
छिपे हुए की सीएसएस विशेषताएं
सी # के छिपे हुए विशेषताएं
VB.NET की विशेषताएं छिपे
छिपे हुए जावा के विशेषताएं
छिपे हुए क्लासिक एएसपी की विशेषताएं
छिपे हुए ASP.NET के विशेषताएं
छिपे हुए अजगर की विशेषताएं
छिपे हुए TextPad की विशेषताएं
छिपे हुए ग्रहण की सुविधाएँ

HTML 5.0 की विशेषताओं का उल्लेख न करें, क्योंकि यह काम के मसौदे में है

कृपया प्रति उत्तर एक विशेषता निर्दिष्ट करें ।

Answer 1

प्रोटोकॉल-स्वतंत्र निरपेक्ष पथ का उपयोग करना:

<img src="//domain.com/img/logo.png"/>

यदि ब्राउज़र HTTPS के माध्यम से एसएसएल में एक पेज देख रहा है, तो वह https प्रोटोकॉल के साथ उस संपत्ति का अनुरोध करेगा, अन्यथा वह इसे HTTP के साथ अनुरोध करेगा।

यह उस भयानक को रोकता है "यह पृष्ठ IE में सुरक्षित और गैर-सुरक्षित आइटम दोनों" त्रुटि संदेश शामिल करता है, आपके सभी संपत्ति अनुरोधों को एक ही प्रोटोकॉल के भीतर रखता है।

कैविएट: जब एक स्टाइलशीट के लिए <लिंक> या @import पर उपयोग किया जाता है, IE7 और IE8 दो बार फाइल डाउनलोड करते हैं । हालांकि, अन्य सभी उपयोग ठीक हैं।

Comments

यह एक HTML फीचर नहीं बल्कि एक URL / URI फीचर है।

— गम्बू

@ गुंबो: यह सच है, यह एक यूआरआई फीचर है, लेकिन मुझे लगा कि यह नियमों को मोड़ने और यहां शामिल करने के लिए काफी अच्छा है। और मुझे यूआरआई युक्ति के छिपे हुए फीचर्स की उम्मीद नहीं है। :)

— पॉल आयरिश

एक स्लैश डोमेन भाग के सापेक्ष है, प्रोटोकॉल भाग से नहीं

— SztupY

IE इतनी अविश्वसनीय रूप से मुंबई है! क्यों f *** नर्क यह फाइल को दो बार डीएल करता है?

एक बड़ी खामी है: जब किसी फाइल को डिस्क में सहेजा जाता है और file:प्रोटोकॉल का उपयोग करके एक्सेस किया जाता है, तो ब्राउजर संसाधन को खोजने में सक्षम नहीं होगा (उदाहरण के लिए, सीडीएन या किसी अन्य बाहरी सर्वर का)।

— मार्सेल कोर्पेल

Answer 2

लेबल टैग तार्किक रूप से "के लिए" विशेषता का उपयोग करते हुए फार्म तत्व के साथ लेबल को जोड़ता है। अधिकांश ब्राउज़र इसे एक लिंक में बदल देते हैं जो संबंधित प्रपत्र तत्व को सक्रिय करता है।

<label for="fiscalYear">Fiscal Year</label>
<input name="fiscalYear" type="text" id="fiscalYear"/>

Comments

हाँ, आश्चर्यजनक है कि कुछ साइटें सक्रिय रूप से इसका उपयोग कैसे करती हैं। मैंने ऐसा करने के लिए js का उपयोग करने वाली साइटें देखी हैं ...

— बोरिस कॉल

हाल ही में यह पता चला।

— अर्निस लैप्स

cagdas, HTML में वास्तव में छिपी हुई विशेषताएं नहीं हैं, यह एक निर्दिष्ट मानक है।

— पलकहीनता

उत्तर पर विस्तार करने के लिए, एक लेबल के साथ एक इनपुट भी लपेट सकता है और विशेषता के लिए छोड़ सकता है: <लेबल> वित्तीय वर्ष <इनपुट का नाम = "राजकोषीय" प्रकार = "पाठ" /> </ लेबल>

— पलक रहित

इसके बिना चेकबॉक्स और रेडियो बटन का उपयोग करना अपराध होना चाहिए।

— कोर्नेल

Answer 3

Contenteditable के लिए संपत्ति (आईई, फ़ायरफ़ॉक्स, और सफारी)

<table>
    <tr>
      <td><div contenteditable="true">This text can be edited<div></td>
      <td><div contenteditable="true">This text can be edited<div></td>
    </tr>
</table>

यह कोशिकाओं को संपादन योग्य बना देगा! आगे बढ़ो, यह कोशिश अगर तुम मुझे विश्वास नहीं है।

Comments

प्रश्न उन विशेषताओं के लिए कहता है जो एचटीएमएल 5

— क्वेंटिन

डेविड डोरवर्ड, यह कहना बिलकुल उचित नहीं है कि इसे HTML5 के साथ पेश किया गया है, क्योंकि ContentEditable को IE 5.5 में MS द्वारा पेश किया गया था, लेकिन हाँ इसे HTML5 तक मानकीकृत नहीं किया गया है; Tyson & Steve, contentEditable को संस्करण 2.0 में Safari में पेश किया गया था, लेकिन कई महत्वपूर्ण स्वरूपण विधियों को 3.x तक नहीं जोड़ा गया था; विक्टर एच वैले, आपके सिद्धांत पर निर्भर करता है। HTML 4 के ढह जाने पर इसे = "सच" में विस्तारित करना चाहिए।

— पलकविहीनता

कोशिश यह लिंक एक उपयुक्त उदाहरण के लिए नेतृत्व नहीं करता है

— गॉर्डन Gustafson

@ बिनोज - बिल्कुल नहीं। "संतुष्ट करने योग्य विशेषता एक एनुमिटेड

— Quentin

बेहतर अभी तक, किसी भी वेब पेज को संपादित करने के लिए एक बुकमार्कलेट के रूप में निम्नलिखित जोड़ें: javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void (0);

— अमरो नो

Answer 4

मुझे लगता है कि ऑप्टग्रुप टैग एक ऐसी विशेषता है जिसका लोग बहुत बार उपयोग नहीं करते हैं। मैं जिन लोगों से बात करता हूं उनमें से अधिकांश को यह महसूस नहीं होता कि यह मौजूद है।

उदाहरण:

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Comments

दुर्भाग्य से, मेनू पदानुक्रम का ब्राउज़र कार्यान्वयन वांछित होने के लिए बहुत कुछ छोड़ देता है। मुझे संदेह है कि ऑप्टग्रुप का ज्यादा इस्तेमाल नहीं होता क्योंकि इसके प्रासंगिक उपयोग के मामले कम और दूर के हैं।

— पलकविहीनता

सभी ब्राउज़रों में एक स्तर का समर्थन किया जाना चाहिए। एक वेब-फ़ोरम मैं और भी अलग हूँ जहाँ फ़ोरम सूची को मुख्य पेज पर उपयोग करने के लिए फ़ोरम सूची को विभाजित करने के लिए कुछ स्क्रीन में इसका उपयोग किया जाता है।

— स्टेटिक्सन

@staticsan। मैं मानता हूं कि यह कई वस्तुओं के छोटे वर्गीकरण के लिए उपयोगी है।

— रिचर्ड जूल

@eyelidlessness: मैं हर समय ड्रॉप-डाउन देखता हूं जो तत्वों को इंडेंट करता है या किसी तरह के 'हेडर' टेक्स्ट का उपयोग करता है ---category---।

— असंतुष्टगीत

यह एक साफ सुथरी विशेषता है जिसके बारे में मुझे नहीं पता था!

— क्रिस जूल

Answer 5

मेरा पसंदीदा बिट आधार टैग है, जो यदि आप राउटिंग या URL पुनर्लेखन का उपयोग करना चाहते हैं, तो एक जीवन रक्षक है ...

मान लें कि आप यहां स्थित हैं:

www.anypage.com/folder/subfolder/

इस पृष्ठ के लिंक के लिए कोड और परिणाम निम्न है।

नियमित लंगर:

<a href="test.html">Click here</a>

ओर जाता है

www.anypage.com/folder/subfolder/test.html

अब अगर आप आधार टैग जोड़ते हैं

<base href="http://www.anypage.com/" />
<a href="test.html">Click here</a>

अब लंगर की ओर जाता है:

www.anypage.com/test.html

Comments

आप बस एक प्रमुख स्लैश के साथ /images/image.png का उपयोग भी कर सकते हैं। :-)

— भेड़िया

आधार टैग एक परमाणु विकल्प है - यह #define के बराबर है: यदि आप इसका ट्रैक नहीं रखते हैं, तो यह भविष्य के डेवलपर्स के लिए वास्तव में स्पष्ट कर देगा, और इसे साइट वास्तुकला का वास्तव में निम्न स्तर का हिस्सा बना सकता है जिससे आपको निराशा हो सकती है। गैर-स्पष्ट कीड़े। मुझे कभी जरूरत नहीं पड़ी , सावधानी के साथ उपयोग करें।

— अन्नकूट

हां, मैंने सीएसएस फ़ाइलों को पृष्ठ में गतिशील रूप से लोड करने का प्रयास करते समय बेस टैग को अपने जावास्क्रिप्ट के साथ हस्तक्षेप करते देखा है। इसके अलावा, IE6 में एक बग आपको टैग (</ आधार>) को स्पष्ट रूप से बंद करने की आवश्यकता है, जो अमान्य है। सशर्त टिप्पणियाँ इससे मदद कर सकती हैं।

— 15

ध्यान दें कि आधार URL हर रिश्तेदार URL पर लागू होता है, न कि केवल सापेक्ष URL पथों पर। तो संदर्भ #topको मूल सूचकांक दस्तावेज़ में "शीर्ष" और उसी दस्तावेज़ में "शीर्ष" करने के लिए हल किया जाएगा।

— गंबू

मुझे यह उन स्थितियों में बहुत आसान लगता है, जहाँ मुझे 'स्रोत देखना' पड़ता है और इसके साथ काम करने के लिए एक पृष्ठ का HTML डाउनलोड करना होता है। एक बार स्रोत डाउनलोड होने के बाद, आप उपयुक्त href विशेषता के साथ BASE तत्व जोड़ सकते हैं। इस तरह, आप केवल स्रोत HTML डाउनलोड करने के बाद स्थानीय रूप से काम कर सकते हैं ... सभी जावास्क्रिप्ट, सीएसएस और छवियों को डाउनलोड करने की आवश्यकता नहीं है।

— एंडी फोर्ड

Answer 6

<img onerror="{javascript}" />

onerror एक जावास्क्रिप्ट घटना है जिसे थोड़ा लाल क्रॉस (IE में) चित्र दिखाए जाने से ठीक पहले निकाल दिया जाएगा।

आप इसे एक स्क्रिप्ट लिखने के लिए उपयोग कर सकते हैं जो टूटी हुई छवि को कुछ मान्य वैकल्पिक सामग्री के साथ बदल देगा, ताकि उपयोगकर्ता को रेड क्रॉस समस्या से निपटना न पड़े।

पहली नजर में यह पूरी तरह से बेकार के रूप में देखा जा सकता है, क्योंकि, क्या आपको पहले नहीं पता होगा कि क्या छवि पहले स्थान पर उपलब्ध थी? लेकिन, यदि आप विचार करते हैं, तो इस चीज़ के लिए एकदम सही वैध अनुप्रयोग हैं; उदाहरण के लिए: मान लीजिए कि आप किसी तृतीय-पक्ष संसाधन से एक छवि परोस रहे हैं जिसे आप नियंत्रित नहीं करते हैं। हमारे एसओ में यहाँ ग्रेवार्ट की तरह ... यह http://www.gravatar.com/ से प्राप्त होता है , एक ऐसा संसाधन जिसे स्टैकओवरफ़्लो टीम बिल्कुल भी नियंत्रित नहीं करती है - हालांकि यह विश्वसनीय है। यदि http://www.gravatar.com/ नीचे जाता है, तो स्टैकओवरफ़्लो उपयोग करके इसे हल कर सकता है onerror।

Comments

अहा ... यदि यह ऐसा है जो यह सोचता है, तो मुझे यह पहले ही पता होना चाहिए कि मुझे वास्तव में इसकी आवश्यकता है। : /

— अर्निस लैप्स

स्पष्ट करने के लिए, ऑनरोर एक जावास्क्रिप्ट ईवेंट है (ओनलीक की तरह) जो आपको एक छवि को लोड करने में विफल होने पर कुछ करने की अनुमति देता है।

— यह्याह

डैनियल सिल्वेरा, क्या आप स्पष्ट करेंगे कि यह वास्तव में टूटी हुई (जैसे 404) छवियों के मामले में ऑनरोर कोड चलाता है? भले ही, यह एक डोम सुविधा है, प्रति HTML एक HTML सुविधा नहीं है।

— पलकविहीनता

मैं एक एक का उपयोग किया था, यह एक भी नहीं, एक छवि की ओर इशारा करते हुए, किसी को भी पुनरावृत्ति ???

— फ्राबस

Answer 7

<kbd>कीबोर्ड इनपुट के लिए चिह्नित करने के लिए तत्व

Ctrl+ Alt+Del

Comments

क्या इसके बारे में कुछ विशेष है <kbd> इसके बगल में एक अलग फ़ॉन्ट प्रारूप है? यदि यहां नहीं है तो अन्य स्वरूपण टैग की एक सूची है? w3schools.com/tags/tag_phrase_elements.asp

— आपका मित्र केन

विशेष रूप से नहीं, बस अच्छी तरह से ज्ञात नहीं है मुझे नहीं लगता

— कैम

डिफ़ॉल्ट रूप से कुछ भी नहीं, लेकिन यह तत्व के साथ सीएसएस जैसे तत्व को चिह्नित करने के लिए क्लीनर है।

— एजेंट_9191

पता नहीं था कि यह अस्तित्व में है, यह मजेदार है।

— काजकाई

Answer 8

<blink>

साइट पर किसी भी महत्वपूर्ण चीज के लिए इस्तेमाल किया जाना चाहिए। अधिकांश महत्वपूर्ण साइटें पलक झपकते ही सभी सामग्री को लपेट देती हैं।

<marquee>

एक यथार्थवादी स्क्रॉल प्रभाव बनाता है, ई-पुस्तकों आदि के लिए महान।

संपादित करें: आसान अप फाल्स, यह सिर्फ हास्य पर एक प्रयास था

Comments

शायद सवाल निर्दिष्ट किया है करने के लिए आप नहीं सूची सुविधाओं चाहिए कि है कि हम करना चाहते हैं चाहिए रह छिपा हुआ।

— बेन ब्लैंक

... मैंने <blink> का उपयोग किया है, एक div प्रदर्शित करने वाले कोड के लिए एक psuedo- टर्मिनल स्टाइल के भाग के रूप में (: {content: "drthomas @ house: ~ $";}: {content: "_"; text के बाद; -Decoration: पलक;} ... यह बहुत बढ़िया था। मुझे शायद मदद लेनी चाहिए। =]

— डेविड कहते हैं, मोनिका

<marquee> <blink> MOST कष्टप्रद HTML टैग्स कभी !!! </ blink> </ marquee> ये छिपे नहीं हैं क्योंकि ये सिर्फ एक कारण के लिए उपयोग नहीं किए जाते हैं।

— आपका दोस्त केन

मैं अपने पूरे पृष्ठ को मार्की और ब्लिंक में लपेटता हूं क्योंकि मैं सिर्फ इतना शांत

— हूं

कृप्या। <Blink> का एकमात्र वैध उपयोग है: Schroedinger की बिल्ली <blink> नहीं </ blink> मृत है। (मुझे लगा कि यह xkcd पर था, लेकिन मैं इसे फिलहाल नहीं ढूंढ सकता।)

— क्रिस्टोफर क्रेउत्जिग

Answer 9

बहुत अच्छी तरह से ज्ञात नहीं है लेकिन आप उन lowsrcछवियों के लिए निर्दिष्ट कर सकते हैं जो छवि lowsrcको लोड करते समय दिखाएंगे src:

<img lowsrc="monkey_preview.png" src="monkey.png" />

यह उन लोगों के लिए एक अच्छा विकल्प है जिन्हें इंटरलेस्ड इमेज पसंद नहीं हैं ।

थोडा थोडा ट्रिविया: एक समय में यह संपत्ति काफी अस्पष्ट थी कि इसका उपयोग हॉटमेल , लगभग 2000 में किया गया था ।

Comments

यह मुझे नहीं पता था। क्या इसका उपयोग "लोडिंग" एनीमेशन के लिए किया जा सकता है?

— बोरिस ने 9

मुझे ओपेरा में "हॉटमेल" के लिंक से धोखाधड़ी की चेतावनी मिल रही है। : o

— jrista

यह एक सुरक्षा वेबसाइट है, यह सुरक्षित है।

— जॉय रॉबर्ट

लेकिन यह इसकी विशेषता है। msdn.microsoft.com/library/ms534138(VS.85).aspx

— Gumbo

इस विशेषता को HTML4 के बाद से हटा दिया गया है - आपको इसका उपयोग उत्पादन वेबसाइटों में नहीं करना चाहिए।

— बेन हल्ल

Answer 10

DELऔर INSहटाए गए और सम्मिलित सामग्री को चिह्नित करने के लिए:

HTML <del>sucks</del> <ins>rocks</ins>!

Comments

निश्चित रूप से पर्याप्त उपयोग नहीं किया।

— पलकविहीनता

@eyelidlessness: वहाँ बस पर्याप्त स्थितियों में जहां हटाए गए / सम्मिलित पाठ को चिह्नित करना उपयोगी नहीं है।

— असंतुष्टगीतगृह

मैं कसम खा सकता हूं कि स्टैकऑवरफ्लो ने कुछ बिंदुओं पर रिवाइज पेजों का इस्तेमाल किया <ins>और <del>कुछ समय पहले वापस किया, लेकिन अब यह उपयोग करता है <span class="diff-add">और कर सकता है <span class="diff-delete">। :(

— सिस्टम PAUSE

@DisgruntledGoat विकि संशोधन संशोधन? इसके लिए बहुत सारे उपयोग के मामले

— होरस्कॉल

@ हॉर्स: सुनिश्चित करें कि आप उपयोग पा सकते हैं, लेकिन चीजों की भव्य योजना में अभी भी स्थितियों की एक बड़ी मात्रा नहीं है।

— असंतुष्टGo

Answer 11

बटन टैग नया है input submitटैग और बहुत से लोगों को अभी भी यह से परिचित नहीं हैं। बटन में पाठ उदाहरण के लिए बटन टैग का उपयोग करके स्टाइल किया जा सकता है।

<button>
    <b>Click</b><br />
    Me!
</button>

एक बटन को दो लाइनों के साथ प्रस्तुत करेगा, पहला कहता है " क्लिक करें " बोल्ड में और दूसरा कहता है "मी!"। इसे यहाँ आज़माएँ ।

Comments

इसके बारे में शर्म की बात है कि IE <8 में तोड़ दिया जा रहा है। यह मुद्दों के आसपास काम करना संभव है, लेकिन यह दर्दनाक हो सकता है, और कभी-कभी आप वेब सर्वर और सर्वर साइड प्रोग्रामिंग वातावरण के बीच चल रहे सुरक्षा संरक्षण को हिट करते हैं।

— क्वेंटिन

लेकिन IE <8 तत्व की सामग्री को प्रस्तुत करेगा, न कि इसका मूल्य। मेरा मानना ​​है कि कुछ संस्करण हमेशा इसे एक सफल नियंत्रण के रूप में मानेंगे (भले ही इसे क्लिक नहीं किया गया हो)।

— क्वेंटिन

और अगर आप इसे बनाते हैं तो <बटन सामग्री> आप बटन पाठ को भी बदल सकते हैं! किसी को भी, जो इसके लिए एक वैध उपयोग मिल सकता है की ओर इशारा करता है। :)

— गैविन

मुझे कभी समझ में नहीं आया कि जमा का "इनपुट" प्रकार क्यों था। यह कुछ भी इनपुट नहीं कर रहा है, बस जो आपने अन्य क्षेत्रों में इनपुट किया है उसे सबमिट करें।

— असंतुष्टगीत

@DisgruntledGoat: इसका नाम / मूल्य जोड़ी वास्तव में भेजा जाएगा। उपयोगी यदि आपके पास एक से अधिक बटन हैं, जैसे (संपादित करें, हटाएं, स्थानांतरित करें, आदि) और दबाए गए बटन को अलग करना चाहते हैं। दुर्भाग्य से वही buttonIE IE 8 में काम नहीं करता है , यह आश्चर्यजनक रूप से सभी buttonतत्वों के नाम / मूल्य जोड़े भेजता है ।

— बालुसक

Answer 12

मुद्रण के लिए सीएसएस निर्दिष्ट करें

<link type="text/css" rel="stylesheet" href="screen.css" media="screen" />
<link type="text/css" rel="stylesheet" href="print.css"  media="print" />

Comments

पता चला कि कुछ हफ्ते पहले

— डैनियल मौरा

नहीं सच में छिपा हुआ imo।

— दिमित्री फ़ारकोव

यह आम उपयोग में है।

— UpTheCreek

यदि आपने इससे पहले निपटा नहीं है, तो मुझे उम्मीद है कि आपने इससे पहले कोई भी उत्पादन वेबसाइट नहीं बनाई है ...

— कज़कई

इसे कैसे छिपा हुआ माना जा सकता है?

— मारिन

Answer 13

<dl> <dt>और<dd> आइटम अक्सर भूल कर रहे हैं और वे परिभाषा सूची, परिभाषा टर्म और परिभाषा के लिए खड़े हैं।

वे एक अव्यवस्थित सूची ( <ul>) के समान काम करते हैं, लेकिन एकल प्रविष्टियों के बजाय यह कुंजी / मूल्य सूची की तरह अधिक है।

<dl>
  <dt>What</dt><dd>An Example</dd>
  <dt>Why</dt><dd>Examples are good</dd>
</dl>

Comments

इसके अतिरिक्त, dl / dt / dd शब्दार्थ समान सूचियों के लिए उपयुक्त हैं (उदाहरण के लिए संवाद के लिए संरचना की सिफारिश की गई है)।

— पलकविहीनता

डिफ़ॉल्ट प्रस्तुति इतनी अच्छी नहीं है, लेकिन लोग भूल जाते हैं कि तत्वों को सीएसएस के साथ कई तरीकों से स्टाइल किया जा सकता है।

— असंतुष्टGoat

अधिक दिलचस्प बात जो अक्सर भूल जाती है वह यह है कि प्रारूप कुंजी / मूल्य / मूल्य / मूल्य / मूल्य / कुंजी / मूल्य है

— क्वेंटिन

@D_N, मुझे लगता है कि असहमति कहां है कि मैं सुझाए गए उपयोगों को परिभाषा और शब्दार्थ का एक हिस्सा मानता हूं , न कि इससे अलग और विरोधाभासी।

— पलकहीनता

@D_N और @eyelidlessness - बाहर शब्दार्थ बातचीत अंकन पर ब्रूस लॉसन टिप्पणी की जांच ... प्लस जूरी एचटीएमएल 5 संवाद तत्व पर ... बाहर अब भी है brucelawson.co.uk/2006/...

— फेंटन

Answer 14

बिल्कुल छिपा नहीं है, लेकिन (और यह IE की गलती है) पर्याप्त लोगों को मेरे स्वाद के लिए थीड, tbody, tfoot के बारे में पता नहीं है । और आप में से कितने लोग जानते थे कि मार्कअप में tbody के ऊपर tfoot दिखाई देना चाहिए ?

Comments

बोरिस कॉल करता है, हाँ, tbody निहित है यदि कोई भी थ्रेड, tbody और tfoot मौजूद नहीं है।

— पलकविहीनता

यदि IE5 ने TBODY को ठीक से लागू किया होता, तो अधिक लोग इसका उपयोग करते। यह कई साल पहले मुख्य समस्या थी। मोज़िला और ओपेरा ने स्क्रॉलिंग टीबीओडीवाई का समर्थन किया जो वास्तव में अच्छा था; दुर्भाग्य से, IE5 नहीं किया।

— स्टेटिक्सन

वे मुद्रण क्योंकि यह रखना चाहिए लिए उपयोगी होते हैं theadऔर tfootऊपर और प्रत्येक पृष्ठ के तल पर। यह शर्म की बात theadहै कि ब्राउज़र में दोहराए जाने के लिए कोई तंत्र नहीं है, जब आपके पास लंबी लंबी टेबल हैं।

— असंतुष्टगीत

मुझे पता था कि tfoot tbody से ऊपर चला गया है, और मुझे लगता है कि यह बहुत बेवकूफ है। मैंने अपना tfoot नीचे रखा, जहाँ यह समझ में आया, एक सत्यापनकर्ता त्रुटि मिली, tfoot को tbody के ऊपर ले जाया गया (भ्रमित लेकिन हमेशा आज्ञाकारी), और क्या लगता है ?! जब आप तालिका को उजागर करने का प्रयास करते हैं, तो ब्राउज़र (FF कम से कम) पैर को शरीर के ऊपर प्रकाश डालता है, भले ही यह शरीर के नीचे नेत्रहीन हो! और तब!!! जब आप इसे एक पाठ संपादक में कॉपी करते हैं, तो यह शरीर को नेत्रहीन रूप से पसंद करता है। पूरी तरह से मनमाना नियम।

— एंथनी

@Anthony: समझ में आता है यदि आपके पास एक धीमा कनेक्शन है, तो इसका मतलब है कि आप सभी हेडर और फ़ुटर देख सकते हैं जबकि टेबल कंटेंट अभी भी लोड हो रहा है।

— me_and

Answer 15

wbrया शब्द-तोड़ टैग। Quirksmode से:

(शब्द विराम) का अर्थ है: "यदि इच्छा हो तो ब्राउज़र यहाँ एक पंक्ति विराम प्रविष्ट कर सकता है।" यह ब्राउज़र सोचता है कि लाइन ब्रेक जरूरी नहीं है।

<div class="name">getElements<wbr>ByTagName()</div>

मैं ब्राउज़र को लाइन ब्रेक जोड़ने का विकल्प देता हूं। यह बहुत बड़े प्रस्तावों पर आवश्यक नहीं होगा, जब तालिका में बहुत जगह है। छोटे प्रस्तावों पर, हालांकि, इस तरह की रणनीतिक रूप से रखी गई रेखाएं टेबल को खिड़की से बड़ी होने से बचाती हैं, और इस तरह क्षैतिज स्क्रॉलबार का कारण बनती हैं।

­उसी पृष्ठ पर उल्लिखित HTML इकाई भी है । यह वैसा ही है, wbrलेकिन जब एक ब्रेक डालने के लिए एक हाइपेन ( -) जोड़ा जाता है तो ब्रेक को सूचित किया जाता है। यह कैसे प्रिंट में किया जाता है की तरह।

एक उदाहरण:

TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText

Comments

सावधान रहें क्योंकि इस एक पर खराब ब्राउज़र का समर्थन है

— क्रिस्टोफ एब्ले

"IE8 IE8 के रूप में" यह समर्थन नहीं करता है और यह विंडोज़ के लिए सफारी 3.0 में छोटी गाड़ी है। उस समर्थन के अलावा अन्य बहुत अच्छा है। लिंक में संगतता चार्ट देखें।

— aleemb

हम्म साइट पॉइंट संदर्भ ने इस टैग को पदावनत और बेकार के रूप में चिह्नित किया, कौन सही है? reference.sitepoint.com/html/wbr

— क्रिस्टोफ़ एबल

यह अच्छी तरह से HTML कल्पना के भाग के रूप में चित्रित किया जा सकता है लेकिन यह अभी भी ब्राउज़रों में काम करता है। जब भी संदेह हो, QuirksMode फैसले (अब Google द्वारा प्रायोजित संगतता तालिकाओं) के साथ जाएं।

— 11

इस तरह लगता है कि अगले सीएसएस मानक में शामिल करने के लिए एक बहुत ही उपयोगी चीज होगी!

— जेम्स

Answer 16

एक बहुत ही रेखांकित विशेषता यह है कि हर तत्व के बारे में, जो पृष्ठ पर दृश्य सामग्री प्रदान करता है, में एक 'शीर्षक' विशेषता हो सकती है।

इस तरह की विशेषता को जोड़ने पर एक 'टूलटिप' का कारण बनता है जब तत्व पर माउस को 'हॉवर' किया जाता है, और इसका उपयोग गैर-आवश्यक प्रदान करने के लिए किया जा सकता है - लेकिन उपयोगी - एक तरह से जानकारी जिससे पृष्ठ बहुत अधिक भीड़ नहीं बन जाता है। । (या यह पहले से ही भीड़ वाले पृष्ठ पर जानकारी जोड़ने का एक तरीका हो सकता है)

Comments

हां, "शीर्षक" विशेषता काफी उपयोगी है - विशेष रूप से उन तत्वों के लिए जिन्हें क्लिक किया जाना है।

— स्टीव हैरिसन

दिखने वाला टूलटिप ब्राउज़र-विशिष्ट है। सभी ब्राउज़र शीर्षक विशेषता को समान प्रदर्शित नहीं करेंगे। लेकिन यह एक अच्छी सुविधा है जिसका मैं निश्चित रूप से उपयोग करता हूं।

— ट्रैविस

शीर्षक विशेषता उपयोगी है, लेकिन केवल जब उचित रूप से उपयोग किया जाता है। अधिकांश ब्राउज़र गायब होने से पहले केवल कुछ सेकंड के लिए टूलटिप को प्रस्तुत करते हैं। मुझे इससे नफरत है जब डिजाइनरों को पाठ की 3 या 4 पंक्तियों के साथ शीर्षक विशेषता को भरने की आवश्यकता महसूस होती है जिसके कारण आपको माउस को खत्म करना पड़ता है, तो बाकी को पढ़ने के लिए फिर से माउस करें।

— पुजारीक जूथ 11'09

JQuery के समरूपता के संबंध में इसका उपयोग करना अजीब है।

— लेवी मॉरिसन

लेवी - क्या आप कुछ उदाहरण दे सकते हैं?

— बेलुगबॉब

Answer 17

एक टैग में कई html / css कक्षाएं लागू करना। वही पोस्ट यहाँ

<p class="Foo Bar BlackBg"> Foo, Bar and BlackBg are css classes</p>

Comments

वे HTML कक्षाएं हैं, न कि CSS कक्षाएं। CSS में कक्षाएं नहीं हैं (इसमें कक्षा चयनकर्ता हैं)। सीएसएस के अलावा अन्य चीजों के लिए HTML कक्षाएं बेकार हैं।

— क्वेंटिन

वाह! मैं बस इस तथ्य पर नहीं पहुँच सकता कि लोग इसे एक "छिपा हुआ" फ़ीचर मानते हैं। लड़का क्या मुझे कुछ "वास्तव में छिपी" सुविधाओं को पोस्ट करने के बारे में बेवकूफ महसूस करता है क्योंकि जो लोग इसे उखाड़ फेंकते हैं, वे शायद इस बात के करीब भी नहीं आएंगे कि डीटीडी का मतलब क्या है।

— aleemb

d03boy, p.foo, p.var, p.foo.bar के समान नहीं है। पूर्व वर्ग "फू" या "वर" के साथ किसी भी अनुच्छेद का चयन करता है, बाद वाला दोनों वर्गों के साथ एक अनुच्छेद का चयन करता है।

— पलक रहित

HTML कक्षाओं के बारे में बात करना एक अच्छा बिंदु है, क्योंकि यह मुझे एक बिंदु पर लाता है- html को सीएसएस के बारे में अवगत नहीं कराया जाना चाहिए .. आपको 'html बनाने में सक्षम होना चाहिए, और इसे एक डिज़ाइनर को पास करना चाहिए जो बिना उनके डिज़ाइन को लागू कर सकता है। html को बदलने की आवश्यकता है (अभी तक काफी मामला नहीं;)) .. इसलिए यह आपके नामकरण के लिए नीचे आता है और जिस तरह से आप कक्षाओं का उपयोग करते हैं .. वर्ग गुणों को लक्षित करने के लिए कक्षाएं नहीं बनाते हैं .. तत्वों की पहचान करने के लिए कक्षाओं का उपयोग करें ' '।

— मेन्डमाइकोड

तकनीकी रूप से, "फू बार ब्लैकबग" एक एकल वर्ग है, और p.foo सिर्फ p [वर्ग ~ = foo] ( कल्पना देखें ) के लिए सिंटैक्टिक चीनी है । हालांकि, कई वर्गों के रूप में इसके बारे में सोचना आसान है।

— TGR

Answer 18

हम सभी DTD या डॉक्यूमेंट टाइप डिक्लेरेशन (उन चीजों के बारे में जानते हैं, जो आपको पेज को W3C वैलिडेटर के साथ फेल कर देती हैं)। हालांकि, इसका विस्तार करना संभव है DTD कस्टम तत्वों के लिए एक विशेषता सूची घोषित करके ।

उदाहरण के लिए, इस पृष्ठ के लिए W3C सत्यापनकर्ता विफल हो जाएगा क्योंकि इसमें behavior="mouseover"जोड़ा गया है<p> टैग । हालाँकि, आप ऐसा करके इसे पास कर सकते हैं:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
[
<!ATTLIST p behavior CDATA #IMPLIED>
]>

QuirksMode पर कस्टम DTDs के बारे में और देखें ।

Comments

बेशक, यह इसे "वैध: आपकी कस्टम मार्कअप भाषा" बनाता है न कि "एक्सएचटीएमएल 1.0 संक्रमणकालीन"

— क्वेंटिन

+1। मुझे नहीं पता कि यह -1 क्यों था। वैसे भी यह ध्यान दिया जाना चाहिए कि ब्राउज़र का समर्थन बहुत अधिक शून्य है।

— पलकविहीनता

बहुत यकीन है कि ओपेरा इस का समर्थन करता है।

— रिच ब्रैडशॉ

@eyelidlessness यह केवल XHTML में काम करता है। टेक्स्ट / HTML के रूप में भेजे गए XHTML पर विश्वास करने के लिए काम नहीं करता है।

— कोर्नेल

ईश, इसका कोई प्रशंसक नहीं। मेरे लिए, HTML का मूल्य यह है कि ग्रह पर हर कोई जानता है कि इसका क्या मतलब है (अधिक या कम), क्योंकि हम सभी एक ही टैग और विशेषताओं का उपयोग करते हैं। मुझे यकीन नहीं है कि क्यों classविशेषता पर्याप्त नहीं है।

— पॉल डी। वेट

Answer 19

हम आधार 64 एन्कोडेड स्ट्रिंग को छवि, जावास्क्रिप्ट, iframe, लिंक के स्रोत / href विशेषता के रूप में असाइन कर सकते हैं

जैसे

<img alt="Embedded Image" width="297" height="246" 
  src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkA..." />

div.image {
  width:297px;
  height:246px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkA...);
}

<image>
  <title>An Image</title>
  <link>http://www.your.domain</link>
  <url>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASkA...</url>
</image>

<link rel="stylesheet" type="text/css"
  href="data:text/css;base64,LyogKioqKiogVGVtcGxhdGUgKioq..." />

<script type="text/javascript"
  href="data:text/javascript;base64,dmFyIHNjT2JqMSA9IG5ldyBzY3Jv..."></script>

संदर्भ

मैं HTML मार्कअप का उपयोग करके छवियों का निर्माण कैसे कर सकता हूं?

Base64 एनकोडर / अनुवादक के लिए बाइनरी फ़ाइल

Comments

अफसोस की बात है, IE <8 यह समर्थन नहीं करता है। हालाँकि आप इन ब्राउज़रों के बदले MHTML का उपयोग कर सकते हैं: phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under

— Mathias Bynens

Answer 20

मुझे हाल ही में फ़ील्डसेट और लेबल टैग के बारे में पता चला है। ऊपर के रूप में, छिपा नहीं है, लेकिन रूपों के लिए उपयोगी है।

<फ़ील्डसेट> स्पष्टीकरण

उदाहरण:

<form>
  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text" size="30" /><br />
    Email: <input type="text" size="30" /><br />
    Date of birth: <input type="text" size="10" />
  </fieldset>
</form>

Comments

कृपया इसका एक नमूना प्रदान करें।

— बिनोज एंटनी

स्पष्टीकरण: w3schools.com/TAGS/tag_fieldset.asp - उदाहरण: w3schools.com/TAGS/tryit.asp?filename=tryhtml_fieldset

— Matrixrogrog

Aspnet mvc नमूना पृष्ठ से खोजे गए फ़ील्डसेट। ^ ^

— अर्निस लैप्सा

इस एक के बारे में पता नहीं था।

— डब्लू

क्षेत्र और किंवदंतियां महान हैं। अपने रूपों को चिह्नित करने का एक बहुत अच्छा तरीका है।

— नील ऐटकन

Answer 21

आप पृष्ठ में किसी अन्य दस्तावेज़ को शामिल करने के लिए objectटैग के बजाय टैग का उपयोग कर सकते हैं iframe:

<object data="data/test.html" type="text/html" width="300" height="200">
  alt : <a href="data/test.html">test.html</a>
</object>

Comments

जो एक iframe की तरह लगभग ठीक काम कर रहा है सिवाय इसके कि यह कम अच्छी तरह से समर्थित है और इसमें कम विशेषताएं हैं।

— क्वेंटिन

iframe को हटा दिया गया है, उम्मीद है कि हमें जल्द ही बेहतर समर्थन मिलेगा,

— गॉर्डन गुस्ताफसन

iframe को HTML 5 में नहीं दर्शाया गया है

— Zach

क्या यह XSS हमलों को एम्बेडेड पृष्ठ से रोकता है?

— अनाम कायर

मेरा मानना ​​है कि यह SOP का उपयोग करता है, iframes के समान।

— Zach

Answer 22

<optgroup>एक महान वह है जिसे लोग अक्सर खंडित <select>सूचियाँ करते समय याद करते हैं ।

<select>
  <optgroup label="North America">
    <option value='us'>United States</option>
    <option value='ca'>Canada</option>
  </optgroup>
  <optgroup label="Europe">
    <option value='fr'>France</option>
    <option value='ir'>Ireland</option>
  </optgroup>
</select>

इसके बजाय आपको क्या उपयोग करना चाहिए

<select>
  <option value=''>----North America----</option>
  <option value='us'>United States</option>
  <option value='ca'>Canada</option>
  <option value=''>----Europe----</option>
  <option value='fr'>France</option>
  <option value='ir'>Ireland</option>
</select>

Answer 23

अधिकांश इस तथ्य से भी अनजान हैं कि आप केवल उन्हें एक नाम / मूल्य जोड़ी देकर दबाए गए फॉर्म बटन को भेद सकते हैं। उदाहरण के लिए

<form action="process" method="post">
     ...
     <input type="submit" name="edit" value="Edit">
     <input type="submit" name="delete" value="Delete">
     <input type="submit" name="move_up" value="Move up">
     <input type="submit" name="move_up" value="Move down">
</form>

सर्वर साइड में, दबाया गया वास्तविक बटन केवल बटन नाम के साथ जुड़े अनुरोध पैरामीटर की उपस्थिति की जांच करके प्राप्त किया जा सकता है। अगर यह नही तोnull , तो बटन दबाया गया था।

मैंने देखा है एक बहुत की अनावश्यक जेएस हैक / वर्कआर्ड को देखा है, उदाहरण के लिए फॉर्म एक्शन को बदलना या पहले से दबाए गए बटन के आधार पर एक छिपे हुए इनपुट मूल्य को बदलना। यह बस आश्चर्यजनक है।

इसके अलावा, मैंने कई जेएस हैक / वर्कअराउंड के रूप में लगभग कई चेकबॉक्सों के चेक टेबल को इकट्ठा करने के लिए देखा है जैसे तालिका पंक्तियों में। जेएस पंक्ति तालिका के प्रत्येक चयन / जांच में एक छिपे हुए इनपुट तत्व में पंक्ति के सूचकांक को कुछ अल्पविरामित मूल्य में जोड़ा जाएगा जो कि सर्वर साइड में आगे विभाजित / पार्स किया जाएगा। यह अनौपचारिकता का परिणाम है कि आप एक से अधिक इनपुट तत्वों को एक ही नाम दे सकते हैं लेकिन एक अलग मूल्य और यह कि आप अभी भी सर्वर साइड में एक सरणी के रूप में उन्हें एक्सेस कर सकते हैं। उदाहरण के लिए

<tr><td><input type="checkbox" name="rowid" value="1"></td><td> ... </td></tr>
<tr><td><input type="checkbox" name="rowid" value="2"></td><td> ... </td></tr>
<tr><td><input type="checkbox" name="rowid" value="3"></td><td> ... </td></tr>
...

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

Comments

अरे .. यह जाहिरा तौर पर HTML की एक और छिपी विशेषता है: /;)

— BalusC

यदि किसी फ़ॉर्म में कई सबमिट बटन हैं, और उपयोगकर्ता एक क्लिक करता है, तो इंटरनेट एक्सप्लोरर के कुछ संस्करण आपके सर्वर को ख़ुशी से बताएंगे कि वे सभी क्लिक किए गए थे। आश्चर्यजनक।

— det

@ केवल: यदि आप <button type="submit">इसके बजाय का उपयोग करते हैं <input type="submit">:)

— BalusC

... buuuuut IE6 भी समस्याओं के साथ नहीं है <input type="submit">? (इस मुद्दे की मेरी स्मृति धुंधली है - मैंने लंबे समय से आश्वस्त नियोक्ताओं को आंतरिक वेब ऐप के लिए IE संगतता के बारे में चिंता न करने के लिए कहा है, इसलिए यह मेरी समस्या नहीं है। लेकिन मैं IE6 में इस समस्या को हल करने के लिए कुछ अवरोध को याद करता हूं। )

— जासूसी

यह बहुत i18n के अनुकूल नहीं है।

— जंक

Answer 24

कोलग्रुप टैग ।

<table width="100%">
    <colgroup>
        <col style="width:40%;" />
        <col style="width:60%;" />
    </colgroup>
    <thead>
        <tr>
            <td>Column 1<!--This column will have 40% width--></td>
            <td>Column 2<!--This column ill have 60% width--></td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
</table>

Comments

मेरे अनुभव में, कोलग्रुप सपोर्ट सबसे अच्छा है।

— पलकविहीनता

हड़ताली समान रूप से WPF ग्रिड

— बिनोज एंटनी

Answer 25

यदि forकिसी <label>टैग की विशेषता निर्दिष्ट नहीं की गई है, तो इसका तात्पर्य पहले बच्चे के रूप में <input>, अर्थात

<label>Alias: <input name="alias" id="alias"></label>

के बराबर है

<label for="alias">Alias:</label> <input name="alias" id="alias">

Comments

लेकिन यह विशेषता के लिए कम ब्राउज़र समर्थन का आनंद लेता है

— क्वेंटिन

@ डेविड - क्या आपके पास इसे वापस करने का कोई दस्तावेज है? मुझे नहीं लगता कि मैंने कभी ऐसा देखा है कि कोई ब्राउज़र इस उपयोग का समर्थन न करे। मैंने व्यक्तिगत रूप से IE6 / 7, FF2 / 3, Safari 3 और Chrome 1/2 में परीक्षण किया है। मैंने खुद को ओपेरा में परीक्षण नहीं किया है, लेकिन अगर यह काम नहीं करता तो मुझे बहुत आश्चर्य होगा। यह व्यवहार मूल HTML 4.0 युक्ति का हिस्सा है, जिसे पहले ग्यारह साल से अधिक समय पहले प्रकाशित किया गया था: w3.org/TR/1998/REC-html40-19980424/interact/forms.html#adef-for

— Ben

इसके अलावा, यह एक लेबल के अंदर एक इनपुट डालने के लिए मान्य नहीं है, और आपके उदाहरण में आपने अपना इनपुट टैग बंद नहीं किया है!

— एंथनी

आप दोनों गणनाओं में गलत हैं: यह मान्य अभ्यास है, और अंतिम टैग इनपुट तत्वों के लिए निषिद्ध है।

— मू

Answer 26

लिंक के रूप में बटन, कोई जावास्क्रिप्ट नहीं :

आप फॉर्म में किसी भी तरह की फाइल डाल सकते हैं एक्शन , और आपके पास एक बटन है जो एक लिंक का काम करता है। ऑन्कलिक घटनाओं या इस तरह के उपयोग की आवश्यकता नहीं है। आप फॉर्म में एक "लक्ष्य" चिपकाकर फ़ाइल को एक नई विंडो में खोल सकते हैं। मैंने उस तकनीक को एप्लिकेशन में ज्यादा नहीं देखा।

इसे बदलें

<a href="myfile.pdf" target="_blank">Download file</a>

इसके साथ:

<form method="get" action="myfile.pdf" target="_blank">
    <input type="submit" value="Download file">
</form>

Comments

बटन में "Save file as" विकल्प नहीं होगा, जिसकी जरूरत उन उपयोगकर्ताओं को पड़ सकती है, जिन्हें Adobe Acrobat अपने ब्राउज़र पर लेना पसंद नहीं है।

— कोर्नेल

यह पीडीएफ फाइल एक्सेस करते समय डिफ़ॉल्ट ब्राउज़र व्यवहार के साथ व्यवहार करेगा। यह एक HTML फ़ाइल, एक शब्द फ़ाइल, एक ज़िप फ़ाइल, या कुछ और जो आप चाहते हैं हो सकता है।

— वाडीह एम।

एंकर टैग को किस स्थिति में ऑनक्लिक ईवेंट की आवश्यकता होती है? और html की 3 पंक्तियाँ 1 से बेहतर क्यों होंगी? क्या यह विचार है कि आपके पास लिंक के बजाय एक बटन हो सकता है, इसलिए यह अच्छा और बटन जैसा है? भले ही मैं इस बारे में कर्कश ध्वनि करता हूं, मेरे पास वास्तव में एक पृष्ठ है जो लिंक के बजाय बटन का उपयोग करता है क्योंकि उपयोगकर्ता द्वारा अनुरोध किए जाने पर फ़ाइल गतिशील रूप से बनाई जाती है, इसलिए मुझे कोई लिंक नहीं चाहिए: blah.php? Stuff = "userdata" हालांकि मैं उस रास्ते से जा सकता था, मैं फ़ाइल नाम के बजाय फ़ाइल-जनरेट करने वाली स्क्रिप्ट को जोखिम में डालना नहीं चाहता था क्योंकि फ़ाइल नाम फ़ाइल नाम के बजाय फ़ाइल देता है।

— एंथनी

सिर्फ एक बटन की तरह <a> टैग क्यों नहीं शैली? यह आपके मार्कअप में बहुत जंक लगता है।

— UpTheCreek

@UpTheCreek कुछ वेब एप्लिकेशन OS के समान दिखना चाहते हैं। उपयोगकर्ता द्वारा विंडोज का उपयोग करने पर एक बदसूरत बटन, और उपयोगकर्ता द्वारा मैक ओएस एक्स का उपयोग करने पर एक सुंदर बटन।

Answer 27

पृष्ठ को X सेकंड में रीफ़्रेश करने का सबसे सरल तरीका - META रीफ़्रेश करें

<meta http-equiv="refresh" content="600">

सामग्री में मान उस सेकंड को दर्शाता है जिसके बाद आप पृष्ठ को रिफ्रेश करना चाहते हैं।
[संपादित करें]

<meta http-equiv="refresh" content="0; url=foobar.com/index.html">

एक सरल रीडायरेक्ट करने के लिए!
(साभार @rlb)

Comments

बेशक, वर्कआउट करने के लिए कौन से तत्वों को ताज़ा करने की आवश्यकता है और फिर उन्हें AJAX के माध्यम से अपडेट करने से उपयोगकर्ता के अनुभव में बहुत सुधार होता है ...

— स्टीव हैरिसन

मेटा रिफ्रेश वास्तव में उन पृष्ठों में कुछ भी अच्छा नहीं करता है जहाँ उपयोगकर्ता फॉर्म गतिविधि के कुछ राजा भी होते हैं, क्योंकि यह उपयोगकर्ता के फॉर्म को भरने में बाधा डाल सकता है और सभी कामों को छोड़ सकता है। मुझे लगता है कि शायद ही कोई ऐसा अवसर हो जहां इस तरह के रिफ्रेशमेंट सबसे अच्छे हों। यह सामान्य रूप से आसान तरीका है।

— रॉबर्ट कुरिटनिक

/ मुझे ऐसे पृष्ठों से नफरत है जो इस तरह से ताज़ा होते हैं ... पर प्रतिबंध लगाया जाना चाहिए = /

— Svish

यह तब भी उपयोगी हो सकता है जब उपयोगकर्ता को सूचित करने के लिए सत्र के समय से थोड़ा कम समय पर सेट किया जाए कि उसका सत्र समाप्त हो गया है और उसे हटा दिया गया था।

— fforw

शॉर्ट टाइमआउट बैक बटन को तोड़ता है।

— कोर्नेल

Answer 28

<html>, <head>और <body>टैग वैकल्पिक हैं। यदि आप उन्हें छोड़ देते हैं, तो उन्हें उपयुक्त स्थान पर पार्सर द्वारा चुपचाप डाला जाएगा। यह HTML में ऐसा करने के लिए पूरी तरह से मान्य है (जैसे निहित है<tbody> )।

सिद्धांत रूप में HTML एक SGML एप्लिकेशन है। यह संभवतः सबसे छोटा वैध HTML 4 दस्तावेज है:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title//<p/

W3C Validator को छोड़कर ऊपर कहीं भी काम नहीं करता है। हालांकि कम से कम मान्य HTML5 text/htmlदस्तावेज़ हर जगह काम करता है:

<!DOCTYPE html><title></title>

Comments

आपको सावधान रहना चाहिए कि आप क्या विज्ञापन देते हैं। उपरोक्त कोड w3c सत्यापनकर्ता पर 4 चेतावनियों के साथ सत्यापन पारित करेगा, लेकिन DocType HTML 4.0 है। यह बहुत साफ है कि HTML 4 SGML का डिकेन्डर है और इसलिए इस ढीले सत्यापन मानक को बनाए रखता है, लेकिन यदि आप उस DTD को XHTML 1.0 STRICT में बदलते हैं, तो उसे 15 त्रुटियां मिलती हैं, जो वर्णों की संख्या के लगभग बराबर है। XHTML विकसित किया गया था क्योंकि HTML बहुत आलसी था (और इस प्रकार असुरक्षित) इसलिए हम अब इसका लाभ नहीं लेना चाहते हैं।

— एंथनी

यदि आप HTML / SGML दस्तावेज़ के DOCTYPE को XHTML / XML में बदलते हैं तो आपको निरर्थक मिश्रण मिलेगा। यह काफी स्पष्ट है और मुझे यकीन नहीं है कि आप इसे क्यों इंगित कर रहे हैं।

— कोर्नेल

यह उदाहरण, तकनीकी रूप से, मान्य HTML 4 हो सकता है, लेकिन ब्राउज़र उस SGML सिंटैक्स का समर्थन नहीं करते हैं। निम्नलिखित कम से कम मान्य HTML 5 दस्तावेज़ है, जो ब्राउज़र वास्तव में समर्थन करते हैं:<!DOCTYPE html><title></title>

— ब्रायन कैंपबेल

किसी भी विचार कैसे संगत इसे बाहर छोड़ने के लिए है head/ body, बस एक मान्यता परिप्रेक्ष्य नहीं से?

— किबिबू

@kibibu: ब्राउज़रों को इससे कोई समस्या नहीं है। ओपेरा के पुराने संस्करण <head>कभी-कभी DOM में छूट जाते थे, लेकिन हेड कंटेंट DOM में थे और वैसे भी काम करते थे। मैंने जो सबसे बड़ी समस्या पाई है वह यह है कि ओपनआईडी ग्राहकों <head>को स्पष्ट रूप से उपस्थित होने की आवश्यकता है।

— कोर्नेल

Answer 29

langविशेषता बहुत अच्छी तरह से जाना जाता है लेकिन बहुत उपयोगी नहीं है। विशेषता का उपयोग सामग्री की भाषा को संपूर्ण दस्तावेज़ या एकल तत्व में पहचानने के लिए किया जाता है। लैंग्वेज कोड ISO 2-लैंग्वेज कोड (अंग्रेजी के लिए 'en', फ्रेंच के लिए 'fr') में दिए गए हैं।

यह उन ब्राउज़रों के लिए उपयोगी है जो उद्धरण चिह्नों आदि के अपने प्रदर्शन को समायोजित कर सकते हैं, स्क्रीन पाठकों को भी लाभ होता है lang विशेषता के साथ-साथ खोज इंजन ।

साइटपॉइंट की कुछ अच्छी व्याख्या हैlang विशेषता है ।

उदाहरण

जब तक langDOM में निचले स्तर पर किसी अन्य विशेषता द्वारा ओवरराइड नहीं किया जाता है, तब तक पूरे दस्तावेज़ के लिए भाषा को अंग्रेजी में निर्दिष्ट करें ।

<html lang="en">

निम्नलिखित पैराग्राफ में भाषा को स्वीडिश होने के लिए निर्दिष्ट करें।

<p lang="sv">Ät din morgongröt och bli stor och stark!</p>

Answer 30

"! DOCTYPE" घोषणा । ऐसा मत सोचो कि यह एक छिपी हुई विशेषता है, लेकिन ऐसा लगता है कि यह अच्छी तरह से ज्ञात नहीं है लेकिन बहुत उपयोगी है।

जैसे

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd">

Comments

और "अधिकांश वर्तमान मार्कअप भाषाओं के लिए अनिवार्य का उल्लेख नहीं करना और एक के बिना एक दस्तावेज़ को मज़बूती से सत्यापित करना असंभव है" ... validator.w3.org/docs/help.html#faq-doctype

— Svish

मुझे नहीं लगता कि यह अब "अच्छी तरह से ज्ञात नहीं है"। IE 6 और IE 7 के बीच के समय में, doctype उपयोग ~ 1% से> 50% हो गया।

— आंखों की रोशनी

@eyelidlessness अधिकांश IDE में यह टैग शामिल है, इसीलिए इसका उपयोग बढ़ा है। मुझे लगता है कि यह टैग अच्छी तरह से ज्ञात नहीं है।

— डैनियल मौरा

और एक सख्त सिद्धांत का उपयोग करके ब्राउज़र असंगतियों के 95% को ठीक करता है।

— असंतुष्टगीत

Standart का एक हिस्सा और 99% डेवलपर्स द्वारा उपयोग किया जाता है, "छिपी हुई विशेषता" जैसी आवाज़ नहीं करता है।

— WhyNotHugo