कम्प्युटर, कार्यक्रम
को पङ्क्तिबद्ध, आकार, फन्ट: पाठ लागि HTML-ट्याग
यसलाई के यो लगभग कुनै पनि व्यवस्थापक एक सजिला छ छ भने, पाठ लागि HTML-ट्याग थाहा, जस्तो थियो दृश्य सम्पादक, जो स्वचालित रूपमा तिनीहरूलाई राख्दछ?
वेबसाइटमा सामग्रीको ढाँचा एकदम कार्यालय आवेदन मा काम फरक छ भन्ने तथ्यलाई। वहाँ केवल एक वेब पेज प्रदर्शन निर्भर सही दर्ता को, बस पाठ आकर्षक उपस्थिति दिन पर्याप्त छैन, तर पनि खोज इन्जिन मा आफ्नो पदोन्नति।
HTML-ट्याग र विशेषताहरु: आधारभूत विन्यास
कुनै पनि पाठ एक लुकेका कोड के र कसरी तपाईं स्क्रिनमा प्रदर्शन गर्न चाहेको कम्प्युटर "भन्छन्" भनेर छ। सबै जानकारी सार्वभौमिक तत्व को एक सेट संग रेकर्ड गरिएको छ।
वास्तवमा, पाठ लागि HTML-ट्याग - जो पृष्ठ परिभाषित ब्लक थप्न वा तिनीहरूको उपस्थिति परिवर्तन यो टोली। निम्नानुसार सही रेकर्डिङ ढाँचा छ:
कृपया याद गर्नुहोस् कि सबै ट्याग जोडी छन्। उदाहरणका लागि,
(पास लाइन) वा <मानवअधिकार> (तेर्सो रेखा वाहेक) मा सबै बन्द गर्न आवश्यक छैन।
किन साइट को सम्पादक मा शब्द र अन्य कार्यक्रम लेखहरू प्रतिलिपि गर्न सक्दैन
आधुनिक कार्यालय कार्यक्रम पाठ त्यहि HTML-ट्याग प्रयोग भए तापनि मूल कोड को 99% छैन वेब पृष्ठहरू लागि उपयुक्त छ। आवेदन कागजातमा सामान्य प्रदर्शन गरिएको छ भने पनि, जब तपाईं सम्मिलित साइट ढाँचा गुमाउन सक्छ। साथै, कारण अतिरिक्त ट्याग, र खोज इन्जिन को ठूलो संख्यामा पर्याप्त पृष्ठ विशेषताहरु सामग्री विश्लेषण गर्न सक्दैन। त्यो बारी मा, गाह्रो आफ्नो साइट बढाउन बनाउँछ।
सफा र सान्दर्भिक कोड प्राप्त गर्न, तपाईँले पहिला सामान्य सम्पादक सिर्जना HTML-ट्याग पाठ खाली गर्न आवश्यक छ। यो गर्न धेरै तरिकाहरू छन्:
- को "नोटप्याड" मार्फत लेख "को छुटकारा प्राप्त" र केवल त्यसपछि साइट घुसाउनुहोस्। त्यसपछि पाठ (संपादक वा हात उपकरण प्रयोग गरेर) पुन: ढाँचाबद्ध छ भनेर आवेदन, सबै HTML मेटाउँछ।
- लेख्न र LiveWriter मार्फत लेख प्रकाशित। लोकप्रिय ब्लग सम्पादक तुरुन्तै सही कोड उत्पन्न गर्छ। र छुट्टै ट्याबमा, तपाईं पाठ वेबसाइटमा हेर्न कसरी देख्न सक्छौं।
- HTML क्लीनर प्रयोग गर्नुहोस्। यो अनलाइन सेवा एक सम्पूर्ण रूपमा कोड को सबै नष्ट, तर केवल अतिरिक्त टुकडे छैन। फिल्टर संग, तपाईं जो पसलमा ट्याग चयन गर्नुहोस्। पहिले देखि नै अनुकूलित कोड आदेशहरू होइन्छ जो एक शक्तिशाली WYSIWYG ढाँचामा सम्पादक पनि छ।
तपाईं नयाँ पोस्ट प्रकाशित अघि सधैं HTML जाँच गर्नुहोस्। यसलाई त्यहाँ अब हामी विचार जो ती भन्दा अन्य कुनै ट्याग हुनुपर्छ।
अनुच्छेद
यो तत्व लगभग सबै लेख मा उपस्थित छ। प्रत्येक अनुच्छेद यस्तो कन्टेनर मा राखिएको हुनुपर्छ - यो ढाँचा सरल र तपाईं साइट भर एक लगातार शैली राख्न अनुमति दिन्छ। सुविधाको लागि,
ट्याग सधैं नयाँ लाइन संग लेखिएको छ।
पङ्क्तिबद्ध
अलग HTML-ट्याग "पाठ पंक्तिबद्ध" अब प्रयोग गरिन्छ। बरु, सार्वभौमिक विशेषता पङ्क्तिबद्ध सिर्जना गरिएको छ। केन्द्र, दायाँ वा बायाँ - पृष्ठ मा पाठ बाकस रिपोजिसन गर्न, तपाईंले एक 3 को मान चयन गर्नुपर्छ। यस्तो हेडरको रूपमा - त्यसै गरी, तपाईं अन्य तत्व को पङ्क्तिबद्ध निर्दिष्ट गर्न सक्नुहुन्छ।
केही अवस्थामा पङ्क्तिबद्ध अन्य ट्याग HTML प्रयोग गर्नुहोस्। केन्द्रित पाठ, उदाहरणका लागि, तत्व <केन्द्र> ... केन्द्र> को मद्दतले प्रबन्ध गर्न सकिन्छ। यो सुविधाजनक अलग ट्याग? विशेषता गर्न यसको विपरीत, यो फोटो, भिडियो, फ्लैश, र यति मा सहित कुनै पनि सामग्री, काम गर्छ। डी
शीर्षकहरू र subheadings
उपशीर्षक प्रणाली तपाईं सामग्री को एक तार्किक संरचना सिर्जना गर्न अनुमति दिन्छ। पाठ जनक एकाइहरु विभाजित हुन्छ, पाठक ध्यान र नयाँ जानकारी सिक्न धेरै सजिलो छ। खोज इन्जिन पनि शीर्षकहरू जो प्रश्नहरु पृष्ठ प्रचार हेर्न विश्लेषण। किन एसईओ विशेषज्ञहरु आफ्नो विषयगत कुञ्जीहरू प्रयोगको लागि सिफारिस गर्ने छ।
गर्न देखि - HTML मा छ स्तर उपशीर्षकहरू प्रयोग गर्दछ। यो सिस्टम मा, त्यहाँ स्पष्ट वर्गीकरणका छ:
-
... H1>
। मुख्य शीर्षक (लेखको शीर्षक, अनलाइन स्टोर मा सामान, र यति मा। डी)। पाठ त्यहाँ हुन सक्छ केवल एक । सामान्यतया, यो मुख्य किवर्ड समावेश गर्दछ।
-
... H2>
। अर्थपूर्ण एकाइहरु दोस्रो स्तर टुक्रिएको पाठ उपशीर्षक। उदाहरणका लागि, तपाईं ल्याप्टप दर्जा थिए भने, तपाईं विभिन्न मोडेल को नाम संग केहि बनाउन सक्छ।
-
... h3>
। को बीच पाठ पनि सानो ब्लक विभाजन गरिएको छ भने तेस्रो स्तर आवश्यक छ। "प्रदर्शन", "स्मृति", "भिडियो", प्रत्येक मोडेल लागि यति मा र ... - हाम्रो उदाहरण मा, यो मूल्यांकन मापदण्ड हुन सक्छ
-
,
। व्यवहार मा, धेरै दुर्लभ। तर सामान्य सिद्धान्त नै हो - तिनीहरूले उपशीर्षक को उच्चतम स्तर संग एकाइ मा "सम्मिलित" गर्न छ।
-
... H1>
। मुख्य शीर्षक (लेखको शीर्षक, अनलाइन स्टोर मा सामान, र यति मा। डी)। पाठ त्यहाँ हुन सक्छ केवल एक। सामान्यतया, यो मुख्य किवर्ड समावेश गर्दछ।
-
... H2>
। अर्थपूर्ण एकाइहरु दोस्रो स्तर टुक्रिएको पाठ उपशीर्षक। उदाहरणका लागि, तपाईं ल्याप्टप दर्जा थिए भने, तपाईं विभिन्न मोडेल को नाम संग केहिबनाउन सक्छ।
-
... h3>
। कोबीच पाठ पनि सानो ब्लक विभाजन गरिएको छ भने तेस्रो स्तर आवश्यक छ। "प्रदर्शन", "स्मृति", "भिडियो", प्रत्येक मोडेल लागि यति मा र ... - हाम्रो उदाहरण मा, यो मूल्यांकन मापदण्ड हुन सक्छ
-
,
। व्यवहार मा, धेरै दुर्लभ। तर सामान्य सिद्धान्त नै हो - तिनीहरूले उपशीर्षक को उच्चतम स्तर संग एकाइ मा "सम्मिलित" गर्न छ।
सही वर्गीकरणका को संरक्षण को लागि बाहिर हेर्नुहोस्। हाम्रो उदाहरण फर्केपछि, यो तपाईं तुरुन्तै जस्तै
वा मोडेल नाम छैन प्रविष्ट गर्न सक्नुहुन्छ भन्ने हो। र यसबाहेक homogeneous विभिन्न स्तर को उपशीर्षक ब्लक को अर्थमा (उदाहरणका लागि, प्रयोग गरेर दर्जा पछिल्लो सब ल्यापटप, हाइलाइट, ) प्रयोग गर्न।
) प्रयोग गर्न।
तर तत्काल बुझ्न र HTML मा हेडर को सही संरचना सम्झना हुनेछ जो योजना।
सूची
पाठ को लागि एक विशेष HTML-ट्याग प्रयोग कुनै पनि स्थानान्तरण र राम्रो निर्देशन सूची को रूप मा जारी, (एक साधारण गल्ती - को
जो हाइफन वा अंकको सुरु, केही अनुच्छेद)।
यस्तो ब्लक को संरचना धेरै सरल छ। पहिलो, हामी सूची को प्रकार परिभाषित - बुलेट
- ... ul> वा संख्यात्मक <राजभाषा> ... राजभाषा>।
- ... li> छ। तत्व को संख्या सीमित छैन।
फन्ट चयन: र यसको विशेषताहरु
के HTML-ट्याग प्रयोग परिवर्तन गर्न सकिन्छ? पाठ को आकार, यसको फन्ट र रंग - र CSS मा नयाँ वर्गहरू को साथै बिना। तपाईं केवल एक वाक्य वा खण्ड चयन गर्न आवश्यक जब यो धेरै सजिला छ।
धेरै विशेषताहरु छ:
- अनुहार। यो तपाईं पाठ को फन्ट परिवर्तन गर्न अनुमति दिन्छ। तपाईं धेरै विकल्प, अल्पविराम (Tahoma, भेर्डाना) द्वारा विभाजित सूची गर्न सक्नुहुन्छ। प्रयोगकर्ता पहिलो फन्ट नभएसम्म, प्रणाली एक सरल वैकल्पिक प्रयोग गर्दछ।
- आकार। वृद्धि वा पाठ कम गर्न, 7 1 को एक उद्धृत मूल्य प्रविष्ट गर्नुहोस्।
- रंग। डिजाइन आधारमा, तपाईं मानक रंग को एक चयन (रातो, हरियो, नीलो) वा छनौट गर्न कुनै पनि रंग को कोड प्रविष्ट गर्न सक्नुहुन्छ।
उपशीर्षक को साटो प्रयोग ढाँचामा छन् अनुच्छेद प्रयोग नगर्नुहोस्। यो नै डिजाइन मापदण्डहरू सही ट्याग सोध्न राम्रो छ।
पाठ चयन लागि विधिहरू
Monotonous पाठ लत्तो, पनि अनुच्छेद मा तल भङ्ग। मुख्य बुँदाहरू ध्यान आकर्षण गर्न र पाठक चासो जगाउन गर्न चित्रात्मक आवंटित गर्न सिफारिस गरिएको छ। यहाँ यो कार्य सामना गर्नेछ केही टोली हो।
... b> । अत्यन्तै लोकप्रिय HTML-ट्याग। बोल्ड पाठ आँखा परिहाल्छ, तर किनभने यसलाई महत्वपूर्ण कुरा अंक र तथ्य भेद गर्न सुविधाजनक छ।
धेरै मानिसहरू ट्याग र भ्रममा। नेत्रहीन कुनै फरक छ, तर तिनीहरूले विभिन्न तरिकामा काम। पहिलो बस पाठ को उपस्थिति परिवर्तन र अन्य एक "सूचक" को रूपमा सेवा र (एसईओ लागि विषयगत किवर्ड र वाक्यांश) सबैभन्दा महत्त्वपूर्ण भागहरु जोड दिन्छ।
<म> ... म> । शिष्ट र कठोर पाठ्यक्रम वैज्ञानिक सर्तहरू, विदेशी शब्द र विभिन्न दृष्टान्त को डिजाइन को लागि आदर्श छ। गम्भीर प्रकाशनहरूमा Italic कला कामहरू नाम पनि जारी।
<यू> ... यू> । सायद धेरै विवाद कुनै HTML-ट्याग कारण थिएन। यो निर्धारण विधि ऐतिहासिक हाइपरलिंक लागि entrenched रूपमा रेखांकन पाठ, शायद प्रयोग गरिन्छ। तपाईं लेख मा <यू> प्रयोग गर्नुहुन्छ भने, कृपया नोट गर्नुहोस् यो छोटो टुक्रा लागि मात्र उपयुक्त छ कि - कुनै थप 1 लाइन भन्दा।
<एस> ... एस> । रोचक ट्याग कि तपाईं केही गर्न अनुमति दिन्छ स्ट्राइकथ्रु पाठ। धेरै सान्दर्भिक विज्ञापन मा - उदाहरणका लागि, पुरानो र नयाँ मूल्यहरु बीच विपरीत जोड गर्न।
... big> । कुनै पनि अतिरिक्त सेटिङहरू बिना फन्ट साइज वृद्धि गर्न सजिलो तरिका हो।
<सानो> ... small> । यो अघिल्लो ट्याग जस्तै सिद्धान्त मा काम गर्छ। पाठ, भित्र disposed जमीन आदर कम।
... sup> । यो ढाँचा लागि सही नाम - को सुपरस्क्रिप्ट। साधारणतया यो ट्याग गणित डिग्री र फुटनोटको लागि डिजाइन गरिएको छ। यो कम फन्ट आकार र चयन गरिएको पाठ अप फेरबदल।
<उप> ... उप> । को सबस्क्रिप्ट अक्सर सूत्रहरूको एक किसिम मा पाइन्छ। यो पृथक खण्ड मुख्य पाठ तल स्थित छ।
जनक कन्टेनर
केही ब्लक धेरै पदहरूमा पाइन्छन्, तिनीहरूले विशेष ट्याग सिर्जना गर्न थाले। किनभने प्रत्येक सामग्री प्रकारका शैलीहरू को आफ्नो सेट छ भने, पाठ को पर्याप्त टुक्रा आवंटित र यसलाई के जानकारी छ संकेत यसले ढाँचा सरल।
... code>। कम्प्युटर कोड लागि ट्याग। उदाहरण प्रोग्रामिङ लेख मा अपरिहार्य - आदेशहरू कार्यान्वयन र सादा पाठ रूपमा देखाइएको छैन।... CITE> <उल्लेख> । उदाहरणका लागि, साक्षात्कार देखि प्रमुख अंशहरूको - उद्धरण प्रक्रिया डिजाइन।
<ब्लककोट> ... ब्लककोट> । यो एक अलग ब्लक पाठ भाग बनाउँछ। पूर्वनिर्धारित रूपमा, चयन बाँयामा इन्डेन्टेड छ, तर CSS मा तपाईं पनि आकार पाठ को, टाइपफेस शैली र रंग परिवर्तन गर्न सक्नुहुन्छ।
<ठेगाना> ... ठेगाना> । वैकल्पिक ट्याग लिंक सहित लेखक, बारे जानकारी समावेश।
को Dividing लाइन <मानवअधिकार>
सरल सुविधाहरू, तपाईं एक ठूलो खण्ड को तार्किक अन्त निर्दिष्ट गर्न सक्नुहुन्छ। <मानवअधिकार> एक जोडी ट्याग। यो बन्द ...> एक ढाँचा वस्तु आवश्यक छैन भन्ने हो।
WIDTH विशेषता प्रयोग सी पिक्सेल वा सञ्झ्याल चौडाइ प्रतिशत उचित आकार सेट गरेर विभाजक भन्दा छोटो गर्न सकिन्छ।
HTML मा पाठ ढाँचा गर्न ट्याग प्रयोग गर्न जान्न, तपाईं मात्र आफ्नो लेख पढ्न सजिलो बनाउन, तर पनि एसईओ को दक्षता सुधार।
सबै तत्व खोल्ने र बन्द ट्याग बीच अवस्थित छ। प्रत्येक सूची वस्तु नयाँ लाइन संग शुरू हुन्छ र प्रारूप
Similar articles
Trending Now