html - हिंदी में एचटीएमएल परिभाषा




मैं सब्लिमे टेक्स्ट 2 का उपयोग कर एचटीएमएल कोड कैसे सुधारूं? (10)

Sublime में HTML प्रारूपित करने के आधा दर्जन या तो तरीके हैं। मैंने प्रत्येक सबसे लोकप्रिय प्लगइन का परीक्षण किया है (पूर्ण विवरण के लिए मैंने अपने ब्लॉग पर किए गए लेखन को देखें), लेकिन यहां कुछ सबसे लोकप्रिय विकल्पों का त्वरित अवलोकन है:

Reindent कमांड

पेशेवरों:

  • Sublime के साथ जहाज, तो कोई प्लगइन स्थापित की जरूरत है

विपक्ष:

  • अतिरिक्त खाली लाइनों को हटा नहीं है
  • कई खुले टैग वाले लाइनों को छोटा HTML, संभाल नहीं सकता है
  • उचित रूप से <script> ब्लॉक प्रारूपित नहीं करता है

Tag

पेशेवरों:

  • एसटी 2 / एसटी 3 का समर्थन करता है
  • अतिरिक्त खाली लाइनों को हटा देता है
  • कोई द्विआधारी निर्भरता नहीं

विपक्ष:

  • PHP टैग पर चोक
  • <script> सही ढंग से ब्लॉक को संभाल नहीं करता है

HTMLTidy

पेशेवरों:

  • PHP टैग संभालती है
  • स्वरूपण tweak करने के लिए कुछ सेटिंग्स

विपक्ष:

  • PHP की आवश्यकता है (वेब ​​सेवा पर वापस आती है)
  • केवल एसटी 2
  • त्यागा हुआ?

HTMLBeautify

पेशेवरों:

  • एसटी 2 / एसटी 3 का समर्थन करता है
  • सरल और कोई बिनर निर्भरता नहीं
  • ओएस एक्स, विन और लिनक्स के लिए समर्थन

विपक्ष:

  • इनलाइन टिप्पणियों के साथ थोड़ा सा चुटकुले
  • न्यूनतम / संपीड़ित कोड का विस्तार करता है

एचटीएमएल-सीएसएस-जेएस सुंदर

पेशेवरों:

  • एसटी 2 / एसटी 3 का समर्थन करता है
  • एचटीएमएल, सीएसएस, जेएस संभालती है
  • सब्लिमे के मेनू के साथ महान एकीकरण
  • अत्यधिक अनुकूलन
  • प्रति परियोजना सेटिंग्स
  • सहेजें विकल्प पर प्रारूप

विपक्ष:

  • Node.js की आवश्यकता है
  • एम्बेडेड PHP के लिए अच्छा नहीं है

कौन सा सबसे अच्छा है?

एचटीएमएल-सीएसएस-जेएस सुंदरता मेरी पुस्तक में विजेता है। बहुत सारी शानदार विशेषताएं, शिकायत करने के लिए बहुत कुछ नहीं।

मुझे कुछ खराब प्रारूपित HTML कोड मिला है जिसे मैं पुन: स्वरूपित करना चाहता हूं। क्या कोई ऐसा आदेश है जो स्वचालित रूप से सब्लिमे टेक्स्ट 2 में HTML कोड को दोबारा सुधार देगा ताकि यह बेहतर लगे और पढ़ने में आसान हो?


SublimeHtmlTidy नामक एक प्लगइन है जो बहुत अच्छी तरह से काम करता है

HTMLTidy


एक अच्छा ओपन सोर्स github.com/akalongman/sublimetext-codeformatter , जो (रीइंडेंटिंग के साथ) गंदे कोड को सुशोभित कर सकता है, यहां तक ​​कि यह सब एक पंक्ति में है।


एकमात्र पैकेज जिसे मैं ढूंढने में सक्षम हूं Tag

आप पैकेज नियंत्रण का उपयोग कर इसे स्थापित कर सकते हैं। https://sublime.wbond.net

पैकेज नियंत्रण स्थापित करने के बाद। पैकेज नियंत्रण ( प्राथमिकताएं -> पैकेज नियंत्रण ) पर जाएं, फिर install , एंटर दबाएं। फिर tag टाइप करें और एंटर दबाएं।

टैग इंस्टॉल करने के बाद, टेक्स्ट को हाइलाइट करें और शॉर्टकट Ctrl + Alt + F दबाएं


बस जाओ

संपादित करें -> टैग -> दस्तावेज़ पर ऑटो प्रारूप टैग करें


मुझे अभी तक टिप्पणी करने का विशेषाधिकार नहीं है, इसलिए answer ऊपर @ पीटर के answer से संबंधित यह अतिरिक्त जानकारी है।

मैंने पाया कि एचटीएमएल अपेक्षित के रूप में संरेखित नहीं किया गया है यदि शीर्षलेख में आईई सशर्त टिप्पणियां पूरी तरह से लाइन में नहीं थीं जैसे बाईं ओर फ्लश करें:

<!--[if lt IE 7]>
<p class='chromeframe'>Your browser is <em>unsupported</em>. <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

मेरे लिए, HTML Prettify समाधान बेहद सरल था। मैं एचटीएमएल प्रीटीफाई पेज पर गया

  1. Sublime Package Manager आवश्यकता है
  2. पैकेज प्रबंधक को here स्थापित करने के लिए निर्देशों का पालन किया
  3. मेनू लाने के लिए टाइप किया गया cmd + shift + p
  4. टाइप किया गया prettify
  5. मेनू में HTML prettify चयन का चयन करें

बूम। किया हुआ। अच्छा लग रहा है


मैं इस प्लगइन की अनुशंसा करता हूं: एचटीएमएल / सीएसएस / जेएस सुंदर , यह वास्तव में काम करता है।

स्थापना के बाद, बस कोड का चयन करें और Ctrl + Shift + H दबाएं

किया हुआ!


मैंने HTMLBeautify नामक एक पैकेज बनाया है जो HTML को सुधारने का एक अच्छा काम करता है। मैंने इसे 1 99 7 में एक पर्ल स्क्रिप्ट के आधार पर पाया - मैंने इसे सभी नए फंसे हुए आधुनिक टैग के साथ काम करने के लिए अपडेट किया। :)

इसे देखें और मुझे बताएं कि आप क्या सोचते हैं!

HTMLBeautify


सवाल यह है कि एचटीएमएल के लिए सवाल है, मैं अतिरिक्त रूप से सुब्लीम टेक्स्ट 2 के लिए अपने जावास्क्रिप्ट कोड को स्वत: प्रारूपित करने के तरीके के बारे में जानकारी देना चाहता हूं;

आप अपने सभी कोड ( ctrl + ) का चयन कर सकते हैं और इन-एप कार्यक्षमता, रीइंडेंट ( Edit -> Line -> Reindent ) का उपयोग कर सकते हैं या आप सब्लिमे Sublime Text 2 लिए जेएसफॉर्मैट फॉर्मेटिंग प्लगइन का उपयोग कर सकते हैं यदि आप अधिक अनुकूलन सेटिंग्स चाहते हैं सब्लिमे टेक्स्ट के डिफ़ॉल्ट टैब / इंडेंट सेटिंग्स के अतिरिक्त अपने कोड को कैसे प्रारूपित करें।

https://github.com/jdc0589/JsFormat

आप पैकेज नियंत्रण ( Preferences -> Package Control ) ओपन पैकेज नियंत्रण का उपयोग कर JsFormat को आसानी से इंस्टॉल कर सकते हैं , फिर इंस्टॉल करें टाइप करें, एंटर दबाएं । फिर js format टाइप करें और एंटर दबाएं, आप कर चुके हैं। (पैकेज नियंत्रक सफलता के साथ इंस्टॉलेशन की स्थिति दिखाएगा और सब्लिमेम के निचले बाएं पट्टी पर त्रुटियां)

अपनी कुंजी बाइंडिंग में निम्नलिखित पंक्ति जोड़ें ( Preferences -> Key Bindings User )

{ "keys": ["ctrl+alt+2"], "command": "js_format"}

मैं ctrl + alt + 2 का उपयोग कर रहा हूं, आप जो शॉर्टकट कुंजी चाहते हैं उसे बदल सकते हैं। अब तक, JsFormat एक अच्छी प्लगइन है, इसे आजमाने के लायक है!

उम्मीद है कि यह किसी की मदद करेगा।





reformat