👨🏻‍⚕️ 😦 💛 मैं HTML6 कैसे देखना चाहता हूँ 🚾 💞 🦌

मैं पहले से चेतावनी देना चाहता हूं कि यहां आपको विशेष रूप से वेब और एचटीएमएल के विकास पर कोई शोध नहीं मिलेगा। CSS3 या HTML4 टैग के शब्दार्थ - html5 के महत्व का कोई आकलन नहीं किया जाएगा। लेआउट डिजाइनर के रूप में मैं कौन से टूल के बारे में शून्य में रो रहा हूं, इसका उपयोग करना चाहते हैं।
यदि दिलचस्पी है, तो कृपया बिल्ली के नीचे स्वागत करें।

क्लासिक केस लें: साइट का पाद।
इसे इस तरह किया जा सकता है:

<div class=”footer”> … </div>

लेकिन एक ही सफलता के साथ, और इतने पर:

 <footer> … </footer>

और आप यह कर सकते हैं:

 <section class=”footer”> … </section>

लेकिन ये विकल्प शब्दार्थ रूप से सही हैं (अनुभाग सभी मामलों के लिए नहीं है, लेकिन ये त्रिभुज हैं)। लेकिन वहाँ भी है:

 <p class=”footer”> … </p> <span class=”footer”> … </ span>

, या:

 <table class=”footer”> <tr> <td> … </td> <tr> </table>

यहां तक कि:

 <a class=”footer”> … </a> <b class=”footer”> … </b>

और यह सब विविधता सीएसएस के साथ बिल्कुल वैसा ही प्रस्तुत किया जा सकता है!
इसके अलावा। एक बार मैंने देखा कि एक साइट पूरी तरह से इस तरह से बनी है:

 <ul class=”footer”> <li>… </ul>

सीएसएस में एक ही समय में यह लिखा गया था:

 ul {display:table; … } li {display:table-cell; … }

तो फिर इन सभी टैग का क्या मतलब है? आखिरकार, 10 में से 9 टैग सीएसएस के साथ विनिमेय हैं। और उपयोगकर्ता के लिए, परिणाम अभी भी वही है।

और सुचारू रूप से, हमने एक और समस्या का सामना किया: यदि 10 में से 9 विनिमेय हैं, तो यह 10 में से 1 अशांत क्यों है?

इस तरह के टैग का एक उदाहरण <textarea> है
कम से कम <textarea> की कार्यक्षमता और इसके डिजाइन का उपयोग करके, उदाहरण के लिए, <div> ' को दोहराने के लिए , आपको अतिरिक्त स्क्रिप्ट के साथ पृष्ठ का वजन करना होगा और सीएसएस में महत्वपूर्ण संख्या जोड़नी होगी। दूसरी ओर, <textarea> व्यावहारिक रूप से किसी अन्य टैग की कार्यक्षमता को दोहराने में सक्षम नहीं है।

और मैंने अभी तक "तकनीकी" टैग का उल्लेख नहीं किया है।
उदाहरण के लिए, बाहरी फ़ाइलों को जोड़ना।
सबसे तार्किक टैग का नाम <लिंक> है । यह सही है, फेविकॉन को जोड़ने के लिए हम <head> में शामिल होते हैं :

 <link rel="shortcut icon" href=" … ">

एक स्टाइलशीट कनेक्ट करने के लिए

 <link rel="stylesheet" type="text/css" href=" … ">

जावास्क्रिप्ट को सक्षम करने के लिए

 <script type="text/javascript" src=" … "></script>

क्या? हां, यह सही है। हम <script> टैग का उपयोग करके <link> टैग और स्क्रिप्ट का उपयोग करके सब कुछ कनेक्ट करते हैं। यह अभी भी स्पष्ट होगा कि शैलियों को <शैली> टैग के साथ जोड़ा गया था। क्योंकि इसमें, जैसा कि <script> में, आप स्टाइलशीट (या स्क्रिप्ट) के शरीर को स्वयं लिख सकते हैं, लेकिन अफसोस।

किसी को यह धारणा मिलती है कि HTML मानकों के साथ, लगभग वही हुआ जो राज्य मानक विनिर्देशों के साथ हुआ था। जब शुरू में काम को सुविधाजनक बनाने के लिए नियमों का एक सेट का आविष्कार किया गया था, लेकिन अंत में केवल इसे जटिल बनाता है।

और अब, मैं अभी भी आपको बताऊंगा कि मैं HTML कैसे देखना चाहता हूं।

पहला : कुल 5 टैग।

<a> ... </a> - एक मानक निजी टैग, आधुनिक का पूरा एनालॉग <div> 'a
<b> ... - टैग को आधुनिक <li> टैग से बंद करने की आवश्यकता नहीं है। लेकिन, यदि आप एक सख्त नियम लागू करते हैं: \ r और / या \ n, साथ ही अगले <b> या माता-पिता को बंद करना </a> - वे टैग को बंद कर देते हैं। आप इसी तरह के मामलों के लिए h2 के समान उपयोग कर सकते हैं।
<c /> - "इनर कॉन्टेंट" के बिना एक मानक टैग लेकिन "मूल्य" के साथ - ये बटन, इनपुट फ़ील्ड और समान तत्व हैं।
<d /> - सजावट के लिए प्रयुक्त एक खाली टैग। निकटतम एनालॉग्स <br /> और <hr /> हैं । लेकिन यह भी कि वे नए साल के लिए लोगो, या एक बार लोकप्रिय स्नोफ्लेक को निष्पादित कर सकते हैं।
<e /> - तकनीकी टैग, आधुनिक के साथ प्रतिस्थापन <लिंक> , <मेटा> , <स्क्रिप्ट> और उनके जैसे अन्य।

दूसरे : प्रारंभिक, लेकिन मोटे CSS-रीसेट सभी वर्णित टैग की शैलियों का एक पूरा संयोग है, सिवाय <e /> के - यह अदृश्य है। वास्तव में, ऊपर वर्णित टैग के पहले 4 में एक आधुनिक <स्पैन> की मूल शैली होनी चाहिए।

तीसरा : html से css (या इसके समतुल्य) के सभी डिज़ाइन अधिकारों का पूर्ण हस्तांतरण। मैं पहले के 4 टैग्स में से किसी के भी ऊपर <textarea> के डिजाइन को पूरी तरह और आंशिक रूप से लागू करने में सक्षम होना चाहता हूं।

चौथा : html से जावास्क्रिप्ट (या इसके समतुल्य) पर नियंत्रण अधिकारों का पूर्ण हस्तांतरण। यहां तक कि प्राथमिक चेकबॉक्स की कार्यक्षमता भी दें। फिर से, सभी पहले 4 टैग में से पूरी तरह या आंशिक रूप से कार्यात्मक <textarea> को लागू करने में सक्षम होने के लिए।

यह बिना कहे चला जाता है कि फ्रेमवर्क का उपयोग जावास्क्रिप्ट और सीएसएस दोनों के लिए किया जाएगा, जो कुछ मानक बिंदुओं की बढ़ी हुई जटिलता में कमी को दूर करेगा: <b>, <i>, <u> टैग , आदि की कमी।

पुनश्च, मैं सीएसएस में बहुत कुछ बदलना चाहूंगा, लेकिन यह पूरी तरह से अलग कहानी है।

स्पष्ट रूप से अद्यतन , व्यर्थ में स्पष्ट रूप से एक बिंदु का संकेत नहीं दिया:
अन्य सभी अप्रभावित html छोटी चीजें वैसी ही रहती हैं जैसी वे हैं। और इसका मतलब है: विशेषताएँ अभी भी हो सकती हैं और उनका उपयोग किया जाना चाहिए (अन्यथा, एक ही टैग के साथ दूसरे से एक ब्लॉक को कैसे अलग किया जाए?); घटनाएँ अभी भी उत्पन्न हुई हैं।

मैं HTML6 कैसे देखना चाहता हूँ

More articles: