जर तुम्ही साइटवरील प्रत्येक गोष्टीसाठी div टॅग वापरत असाल तर हा लेख तुमच्यासाठी आहे. स्वच्छ कसे लिहावे यावर आपण लक्ष केंद्रित करू अर्थपूर्ण HTMLवैध मार्कअप वापरून कोड. तुम्ही तुमच्या HTML कोडमधील div टॅगची संख्या कशी कमी करू शकता हे तुम्हाला सरावात दिसेल. तुम्ही सिमेंटिक लेआउट केवळ सिद्धांतातच नाही तर उदाहरणांद्वारे देखील शिकाल. योग्य शब्दार्थ साचे लिहिल्याने केवळ स्वतःसाठीच नव्हे तर संपूर्ण संघासाठीही जीवन सोपे होते. बरं, कोडचा अर्थ लावणाऱ्या ब्राउझरसाठी हे सोपे आहे. जितका कमी कोड तितका जलद पृष्ठ लोड होईल. हे आपल्याला कोड तयार करताना वेळेची आणि सहजतेने समजून घेण्यास देखील अनुमती देते मोठे प्रकल्प. दुसऱ्या शब्दांत, सिमेंटिक लेआउट आहे आवश्यक स्थितीदर्जेदार वेबसाइट तयार करणे.

सिमेंटिक लेआउटची संकल्पना

मध्ये सिमेंटिक्सHTML लेआउट- हा त्यांच्या आत असलेल्या माहितीशी टॅगचा पत्रव्यवहार आहे. टॅगची संख्या कमी करून कोड सिमेंटिक्स देखील साध्य केले जाते. अशा प्रकारे, आम्ही स्वच्छ, वाचनीय, वैध HTML कोड तयार करतो. असे पृष्ठ जलद लोड होईल आणि शोध इंजिनांद्वारे रँक केले जाईल.

कोड शब्दार्थ कसे मिळवायचे?

हे सोपे आहे, मुख्य गोष्ट म्हणजे सर्वकाही सोपे ठेवणे आणि सर्वकाही शक्य तितक्या CSS शैलींमध्ये आणि JS कोड वेगळ्या फाईलमध्ये ठेवण्याचा प्रयत्न करणे. अभिजात मते, एक वर HTML पृष्ठफक्त एक CSS फाइल आणि एक JS फाइल समाविष्ट करावी. HTML बद्दल, प्रत्येक साइटची स्वतःची परिस्थिती असते. शेवटी, त्यापैकी प्रत्येक अद्वितीय आहे. आता लेआउट डिझाइनर अडखळतात ते मुख्य मुद्दे पाहू:

• मथळे H1, H2, H3, H4 टॅगसह हायलाइट केले पाहिजेत, परंतु B आणि STRONG नाही.
• मेनू तयार करताना, UL सूची वापरणे चांगले आहे, ज्यामध्ये LI मेनू घटक असतील. हे दर्शविते की दुवे समतुल्य आहेत. जर दुस-या नेस्टिंगच्या वस्तू असतील तर, आम्ही त्यानुसार प्राथमिक LI घटकामध्ये दुसरी UL सूची तयार करतो.
• सर्व सेवा प्रतिमा (चिन्ह, बाण, बुलेट...) CSS कोडमध्ये लिहिल्या पाहिजेत. HTML मध्ये, IMG टॅगफक्त साठी वापरली पाहिजे मोठी चित्रे. मोठी, संकल्पना लवचिक आहे, समजा, 100 x 100 आणि त्याहून अधिकच्या पूर्वावलोकनापासून सुरुवात करून.
• मजकूराचा परिच्छेद ब्लॉक P टॅग वापरून तयार केला जातो, DIV नाही.
• वापरू नका शैली विशेषताआत HTML टॅग. सर्व शैली ठेवा वेगळे CSSफाइल
• JavaScript साठीही तेच आहे.
• दस्तऐवज पदानुक्रम आणि तर्क राखा. अधिक महत्वाचे घटकपृष्ठे एचटीएमएल कोडच्या सुरुवातीला असावीत, कमी शेवटी. सह CSS वापरूनशैली आणि DIV ब्लॉक, कोणत्याही टेम्पलेट लेआउटसह हे साध्य करणे कठीण नाही.
• कदाचित मी दुसरे काहीतरी विसरलो आहे... तसे असल्यास, लेखावरील टिप्पण्यांमध्ये मला दुरुस्त करा.

समस्येच्या साराच्या अधिक स्पष्टतेसाठी, अर्थपूर्ण मजकूर मार्कअप आकृती पहा:

सराव मध्ये सिमेंटिक लेआउट - HTML + CSS कोडची उदाहरणे

आता आपण व्यवहारात सिमेंटिक लेआउटची ही सर्व तत्त्वे एकत्रित करूया. आम्ही विशिष्ट परिस्थितींचे विश्लेषण करू.

अनावश्यक div टॅग काढून टाकणे

मी बरेच लोक फॉर्म किंवा ul जवळ div टॅग तयार करताना पाहिले आहेत. तुम्हाला गरज नसलेली अतिरिक्त div का तयार करायची? CSS फाइलमध्ये काही मार्गदर्शक तत्त्वे जोडून तुम्ही समान परिणाम प्राप्त करू शकता.

उदाहरण १:

खालील उदाहरण दाखवते की तुम्ही div टॅग कसा काढू शकता आणि फॉर्म सिलेक्टरमध्ये समान शैली कशी जोडू शकता.

उदाहरण २:

कधीकधी आम्ही सामग्री गुंडाळतो div ब्लॉकडावीकडील उदाहरणात दाखवल्याप्रमाणे इंडेंट तयार करण्यासाठी. परंतु प्रत्येक ब्लॉकमध्ये h4 शीर्षलेख असल्यास, आम्ही फक्त अर्ज करू शकतो समास इंडेंट h4 सिलेक्टरवर जा आणि अतिरिक्त div टॅग काढा.

आम्ही सिमेंटिक कोड मार्कअप वापरतो

आधी सांगितल्याप्रमाणे, आपण नेहमी वापरावे सिमेंटिक मार्कअप HTML कोडसाठी. पण त्याशिवाय हे साध्य होऊ शकत नाही CSS फाइलशैली

उदाहरण:

खालील चित्र सीएसएस शैलीशिवाय div मार्कअप आणि सिमेंटिक मार्कअपमधील फरक दर्शविते.

div टॅगचा वापर कमी करणे

कदाचित तुम्ही टेम्पलेट्स पाहिले असतील जिथे div टॅग सर्वत्र आहेत... ते मला चिडवतात. तुमच्याकडे अतिरिक्त क्लोजिंग /div टॅग आहे, की अनक्लोज्ड div? मला खात्री आहे की प्रत्येक लेआउट डिझाइनरचा सामना झाला आहे समान समस्याजेव्हा जवळपास 3-4 असतात div टॅग. गोंधळ टाळण्यासाठी, तुम्हाला divs चा वापर कमी करणे आवश्यक आहे, यामुळे त्रुटींचा मागोवा घेणे सोपे होईल.

उदाहरण १:

च्या ऐवजी divs वापरूननेव्हिगेशन मार्ग तयार करण्यासाठी, तुम्ही p टॅग वापरू शकता.

आणि टिप्पण्यांमध्ये असलेल्या तर्कानुसार मी एक स्पष्टीकरण देऊ इच्छितो महत्त्वाचा मुद्दा, जी तुम्हाला HTML भाषा आणि ते वापरत असलेल्या टॅगबद्दल बोलण्यापूर्वी समजून घेणे आवश्यक आहे.

हा क्षण महत्वाची संकल्पना समजून घेण्यात आहे कोड शब्दार्थ. या पोस्टमध्ये हा मुद्दा समजून घेण्याचा प्रयत्न करूया आणि हे सर्व का आवश्यक आहे.

काय झाले कोड शब्दार्थ?

शब्दार्थ(भाषिक दृष्टिकोनातून) म्हणजे भाषेचा अर्थ, माहिती सामग्री किंवा तिचे वैयक्तिक एकक.

जसे आपल्याला माहित आहे, स्ट्रक्चरल युनिट्स HTML भाषाटॅग आहेत, ते अगदी वैयक्तिक एकके आहेत ज्यात अर्थ, माहिती सामग्री आहे.

जेव्हा आपल्यासमोर काही माहिती असते जी इंटरनेटवरील वेब पृष्ठावर सादर करणे आवश्यक असते, तेव्हा सर्वप्रथम, आपण संगणकाला समजावून सांगणे आवश्यक आहे की या माहितीचा कोणता भाग आहे. हे जाणून घेतल्याशिवाय, ते सर्व सामग्री योग्यरित्या प्रदर्शित करण्यास सक्षम होणार नाही.

अशा प्रकारे, जेव्हा आपण HTML भाषा वापरून वेब पृष्ठ तयार करतो, तेव्हा आम्ही संगणकाला स्पष्ट करतो की पृष्ठावर कोणती भूमिका बजावली पाहिजे.

आम्ही हे समजून घेतले पाहिजे की वेब पृष्ठाच्या प्रत्येक घटकाची सामग्री त्यांच्या तार्किक आणि अर्थपूर्ण उद्देशाशी संबंधित टॅगमध्ये संलग्न केली पाहिजे.

त्या. मजकूरातील हेडिंग टॅग्ज h 1-h 6, टॅग p मधील परिच्छेद, टॅग्ज ul/ol (li) मधील सूची, इ.

या अटी पूर्ण करणाऱ्या कोडला म्हणतात अर्थपूर्णत्या वेब पृष्ठावरील प्रत्येक घटकाशी संबंधित आहे योग्यअर्थपूर्ण अर्थ.

आता प्रश्न असा आहे की, आपण वेब पृष्ठावर परिच्छेद टॅगमध्ये शीर्षक जोडू शकतो का?
का नाही? नक्कीच आपण करू शकतो. बरेच लोक म्हणतील, परंतु या प्रकरणात आपण h 1-h 6 चे शीर्षक गमावले आहे परंतु, येथे डिझाइन कोणतीही भूमिका बजावत नाही. वापरून CSS शैली, आम्ही कोणत्याही परिच्छेदाला h 1-h 6 घटकाची नेमकी तीच रचना देऊ शकतो.

यावरून आपण असा निष्कर्ष काढला पाहिजे की कोडचे शब्दार्थ आणि डिझाइन या दोन भिन्न गोष्टी आहेत ज्यांचा एकमेकांशी गोंधळ होऊ नये. प्रत्येक टॅगसाठी एक विशिष्ट डिझाइन नियुक्त केले आहे, परंतु ते सहजपणे बदलले जाऊ शकते, परंतु या टॅगचा अर्थपूर्ण अर्थ बदलता येत नाही.

आम्ही हेडिंग एका परिच्छेदात जोडू शकतो, परंतु या प्रकरणात कोडचे शब्दार्थ गमावले आहेत आणि हा मजकूर पूर्णपणे वेगळा अर्थ घेईल.

म्हणून, कोणत्याही टॅगमध्ये घटक संलग्न करण्यापूर्वी, पृष्ठावर कोणते कार्य आणि अर्थ आहे याचा विचार करणे उचित आहे?

एक तार्किक प्रश्न उद्भवतो: या प्रकरणात, आपल्याला कोड शब्दार्थांची अजिबात आवश्यकता का आहे?

हेडिंगला हेडिंग का बनवावे, परिच्छेदांना पॅराग्राफ बनवावे, संक्षेपांना संक्षेपात का बनवावे, इत्यादी?

माझ्या मते, अशी अनेक कारणे आहेत जी तुम्हाला सिमेंटिक कोडकडे झुकण्यास मदत करतील. सिमेंटिक मार्कअप आपल्याला काय देते?

1) डीफॉल्ट ब्राउझरने पृष्ठावर हा किंवा तो घटक कसा प्रदर्शित करावा याबद्दल माहिती;

उदाहरणार्थ, आम्हाला माहित आहे की h 1 हेडिंग, कोणतीही विशेष शैली दिली नसल्यास, 2em आकाराच्या पृष्ठावर प्रदर्शित केली जाते आणि ठळक. पण, माझ्या मते, हे सर्वात क्षुल्लक कारण आहे.

2) सिमेंटिक कोड शोध इंजिनद्वारे चांगले वाचले आणि समजले जाते;

असे मानले जाते की ज्या पृष्ठामध्ये सिमेंटिक मार्कअप आहे, इतर गोष्टी समान आहेत, ते नॉन-सेमेंटिक कोड असलेल्या पृष्ठापेक्षा शोध इंजिन परिणामांमध्ये जास्त दिसेल.

2) कोड मानवांसाठी अधिक समजण्यायोग्य आहे;

सहमत आहे की आपल्याला कोड समजून घेणे आवश्यक आहे, जिथे सर्व काही स्पष्टपणे नमूद केले आहे की मजकूराचा हा भाग एक परिच्छेद आहे, हा संक्षेप आहे इ. कोडच्या तुलनेत खूप सोपे, जिथे सर्व माहिती एकाच संरचनेत येते आणि लेखकाला काय म्हणायचे आहे ते स्पष्ट नाही.

3) घटकात प्रवेश करणे सोपे आहे आणि परिणामी, अधिक लवचिकता.

तुमचा कोड सिमेंटिक बनवून, तुम्ही या घटकांचा वापर करून अधिक सहजपणे प्रवेश करू शकता विशेष साधन, जे वेब पृष्ठांवर घटकांवर कार्य करतात, उदा. CSS भाषा, Javascript इ.

तुम्ही तुमच्या पृष्ठावरील सर्व संक्षेप abbr टॅगमध्ये जोडल्यास, नंतर CSS मध्ये, तुमच्या पृष्ठावरील सर्व संक्षेप लाल होण्यासाठी, तुम्हाला फक्त लिहावे लागेल.

abbr (रंग: लाल ;)

प्रत्येक वैयक्तिक संक्षेपासाठी HTML मध्ये हा नियम हायलाइट आणि विहित करण्याऐवजी.

हे फक्त एक उदाहरण आहे, त्यापैकी बरेच आहेत.

या कारणांसाठी, आपल्याला हे समजून घेणे आवश्यक आहे की सिमेंटिक कोड आपला दस्तऐवज देतो अधिक शक्यता. आम्ही साइटचे शब्दार्थ सुधारण्यासाठी आणि अधिक कार्यक्षमता मिळविण्यासाठी काही टॅग वापरू शकतो किंवा आम्ही ते वापरू शकत नाही आणि हे फायदे प्राप्त करू शकत नाही.

तो तुमचा व्यवसाय आहे!

हा निर्णय तुम्ही स्वतः घ्यावा.

४.१. एनक्रिप्शन मूलभूत

बदलण्याची पद्धत वापरून एन्क्रिप्शनचे सार खालीलप्रमाणे आहे. रशियन भाषेतील संदेश कूटबद्ध होऊ द्या आणि या संदेशांचे प्रत्येक अक्षर बदलले जाणे आवश्यक आहे. मग, अक्षरशः एस्त्रोत वर्णमाला चिन्हांच्या विशिष्ट संचाशी तुलना केली जाते (सिफर बदलणे) M A, B – M B, …, I – M I. सायफर प्रतिस्थापन अशा प्रकारे निवडले जातात की कोणतेही दोन संच ( एम आयआणि एम जे, i ≠ j) मध्ये एकसारखे घटक नव्हते ( M I ∩ M J = Ø).

आकृती 4.1 मध्ये दाखवलेली सारणी बदली सायफरची की आहे. हे जाणून घेतल्यास, तुम्ही एन्क्रिप्शन आणि डिक्रिप्शन दोन्ही करू शकता.

अंजीर.4.1. सायफर प्रतिस्थापन सारणी

एनक्रिप्ट करताना, प्रत्येक अक्षर ए संदेश उघडासेटमधील कोणत्याही वर्णाने बदलले जाऊ शकते एम ए. जर संदेशात अनेक अक्षरे असतील ए, नंतर त्या प्रत्येकाची जागा कोणत्याही वर्णाने घेतली जाते एम ए. यामुळे, एक की वापरून तुम्ही मिळवू शकता विविध पर्यायसमान खुल्या संदेशासाठी सिफरग्राम. सेट पासून M A, M B, ..., M Iजोड्यांमध्ये छेदू नका, तर सिफरग्रामच्या प्रत्येक चिन्हासाठी ते कोणत्या संचाचे आहे हे अस्पष्टपणे निर्धारित करणे शक्य आहे आणि परिणामी, ते उघडलेल्या संदेशाचे कोणते अक्षर बदलते. म्हणून, डिक्रिप्शन शक्य आहे आणि मुक्त संदेश अनन्य पद्धतीने निर्धारित केला जातो.

प्रतिस्थापन सिफरच्या साराचे वरील वर्णन त्यांच्या सर्व प्रकारांना अपवाद वगळता लागू होते, ज्यामध्ये एन्क्रिप्शनसाठी भिन्न वर्णमूळ वर्णमाला, समान सायफर पर्याय वापरले जाऊ शकतात (उदा. M I ∩ M J ≠ Ø, i ≠ j).

संगणकावर काम करताना अनेक वापरकर्त्यांद्वारे बदलण्याची पद्धत अनेकदा लागू केली जाते. जर, विस्मरणामुळे, आपण कीबोर्डवरील वर्ण सेट लॅटिनमधून सिरिलिकमध्ये स्विच न केल्यास, मजकूर प्रविष्ट करताना रशियन वर्णमालाच्या अक्षरांऐवजी, लॅटिन वर्णमाला ("सिफर बदलणे") मुद्रित केली जाईल.

मूळ आणि एनक्रिप्टेड संदेश रेकॉर्ड करण्यासाठी काटेकोरपणे परिभाषित अक्षरे वापरली जातात. मूळ आणि एनक्रिप्टेड संदेश रेकॉर्ड करण्यासाठी अक्षरे भिन्न असू शकतात. दोन्ही वर्णमाला अक्षरे, त्यांचे संयोजन, संख्या, चित्रे, ध्वनी, जेश्चर इत्यादीद्वारे दर्शविली जाऊ शकतात. उदाहरण म्हणून, आम्ही ए. कॉनन डॉयल () यांच्या कथेतून नृत्य करणाऱ्या पुरुषांचे आणि जे. व्हर्नच्या “जर्नी टू द सेंटर ऑफ द अर्थ” या कादंबरीतील रनिक पत्राचे हस्तलिखित () उद्धृत करू शकतो.

प्रतिस्थापन सिफर खालीलप्रमाणे विभागले जाऊ शकतात उपवर्ग(वाण).

अंजीर.4.2. प्रतिस्थापन सिफरचे वर्गीकरण

I. नियमित सायफर.सायफर रिप्लेसमेंटमध्ये समान वर्ण असतात किंवा विभाजक (स्पेस, डॉट, डॅश इ.) द्वारे एकमेकांपासून वेगळे केले जातात.

स्लोगन कोड.दिलेल्या सायफरसाठी, सायफर प्रतिस्थापन सारणीचे बांधकाम स्लोगन (की) वर आधारित आहे - लक्षात ठेवण्यास सोपा शब्द. सायफर रिप्लेसमेंट टेबलची दुसरी ओळ प्रथम स्लोगन शब्दाने भरली आहे (आणि पुनरावृत्ती केलेली अक्षरे टाकून दिली आहेत), आणि नंतर उर्वरित अक्षरे जी स्लोगन शब्दात समाविष्ट नाहीत, मध्ये अक्षर क्रमानुसार. उदाहरणार्थ, जर घोषवाक्य शब्द “UNCLE” निवडला असेल, तर सारणी असे दिसते.

अंजीर.4.4. स्लोगन सायफरसाठी सायफर बदलण्याचे सारणी

एनक्रिप्ट करताना मूळ संदेश“ABRAMOV”, वरील की वापरून, सिफरग्राम “DYAPDKMI” सारखा दिसेल.

पॉलिबियन स्क्वेअर.सायफरचा शोध ग्रीक राजकारणी, सेनापती आणि इतिहासकार पॉलीबियस (203-120 ईसापूर्व) यांनी लावला होता. रशियन वर्णमाला आणि भारतीय (अरबी) अंकांच्या संबंधात, एनक्रिप्शनचे सार खालीलप्रमाणे होते. अक्षरे 6x6 स्क्वेअरमध्ये लिहिलेली आहेत (अक्षरानुसार आवश्यक नाही).

अंजीर.4.5. पॉलीबियन स्क्वेअरसाठी सायफर प्रतिस्थापनांची सारणी

कूटबद्ध केलेले अक्षर ज्या चौकोनात (पंक्ती-स्तंभ) लिहिलेले आहे त्या निर्देशांकांद्वारे बदलले जाते. उदाहरणार्थ, जर मूळ संदेश "ABRAMOV" असेल, तर सिफरग्राम "11 12 36 11 32 34 13" असेल. प्राचीन ग्रीसमध्ये, ऑप्टिकल टेलिग्राफी (टॉर्च वापरून) वापरून संदेश प्रसारित केले जात होते. संदेशाच्या प्रत्येक अक्षरासाठी, प्रथम पत्राच्या पंक्ती क्रमांकाशी संबंधित टॉर्चची संख्या आणि नंतर स्तंभ क्रमांक वाढविला गेला.

तक्ता 4.1. ग्रंथांमध्ये रशियन अक्षरे दिसण्याची वारंवारता

अक्षरांच्या जोड्यांसाठी (बिग्राम) समान सारण्या आहेत. उदाहरणार्थ, "ते", "पण", "st", "po", "en" इ. सिफरग्राम तोडण्यासाठी आणखी एक तंत्र बहिष्कारावर आधारित आहे संभाव्य संयोजनअक्षरे उदाहरणार्थ, ग्रंथांमध्ये (जर ते त्याशिवाय लिहिलेले असतील शुद्धलेखनाच्या चुका) तुम्हाला “cha”, “shchi”, “b”, इत्यादी संयोजन सापडत नाहीत.

एक ते एक सिफर तोडण्याचे काम गुंतागुंतीचे करण्यासाठी, अगदी प्राचीन काळी, कूटबद्धीकरणापूर्वी मूळ संदेशांमधून स्पेस आणि/किंवा स्वर काढले जात होते. दुसरी पद्धत जी उघडणे कठीण करते ती म्हणजे एनक्रिप्शन मोठे ग्राम(अक्षरांच्या जोड्यांमध्ये).

४.३. पॉलीग्राम सिफर

पॉलीग्राम प्रतिस्थापन सिफर- हे सायफर आहेत ज्यात एक सायफर प्रतिस्थापन एकाच वेळी अनेक वर्णांशी संबंधित आहे स्त्रोत मजकूर.

बिग्राम सिफर पोर्ट्स. पोर्टाचा सायफर, टेबलच्या स्वरूपात सादर केला जातो, हा पहिला ज्ञात बिगग्राम सायफर आहे. त्याच्या टेबलचा आकार 20 x 20 पेशी होता; मानक वर्णमाला शीर्षस्थानी क्षैतिज आणि डावीकडे अनुलंब लिहिलेली होती (त्यात J, K, U, W, X आणि Z ही अक्षरे नव्हती). टेबल सेलमध्ये कोणतीही संख्या, अक्षरे किंवा चिन्हे लिहिली जाऊ शकतात - जिओव्हानी पोर्टाने स्वतः चिन्हे वापरली - बशर्ते की कोणत्याही सेलमधील सामग्रीची पुनरावृत्ती होणार नाही. रशियन भाषेच्या संबंधात, सायफर प्रतिस्थापनांची सारणी सारखी दिसू शकते खालील प्रकारे.

अंजीर.4.10. पोर्ट्स सायफरसाठी सायफर रिप्लेसमेंट टेबल

मूळ संदेशाच्या अक्षरांच्या जोड्या वापरून एन्क्रिप्शन केले जाते. जोडीचे पहिले अक्षर सिफर बदलण्याची पंक्ती, दुसरे - स्तंभ सूचित करते. मूळ संदेशात विचित्र अक्षरे असल्यास, सहायक चिन्ह (" रिक्त चिन्ह"). उदाहरणार्थ, मूळ संदेश “AB RA MO V”, कूटबद्ध केलेला - “002 466 355 093”. "I" हे अक्षर सहायक चिन्ह म्हणून वापरले जाते.

प्लेफेअर सिफर (इंग्रजी: “फेअर गेम”). 1850 च्या सुरुवातीस. चार्ल्स व्हीटस्टोनने तथाकथित "आयताकृती सायफर" चा शोध लावला. व्हीटस्टोनचे जवळचे मित्र लिओन प्लेफेअर यांनी 1854 मध्ये होम सेक्रेटरी लॉर्ड पामर्स्टन आणि प्रिन्स अल्बर्ट यांच्याशी अधिकृत डिनर दरम्यान या सिफरबद्दल बोलले. आणि Playfair लष्करी आणि राजनयिक वर्तुळात सुप्रसिद्ध असल्याने, व्हीटस्टोनच्या निर्मितीसाठी “प्लेफेअर सायफर” हे नाव कायमचे दिले गेले.

हा सायफर पहिला वर्णमाला बिग्रॅम सिफर होता (पोर्टाच्या बिगग्राम टेबलमध्ये चिन्हे वापरली गेली, अक्षरे नाहीत). हे टेलीग्राफ संप्रेषणाची गुप्तता सुनिश्चित करण्यासाठी डिझाइन केले गेले होते आणि बोअर आणि पहिल्या महायुद्धात ब्रिटिश सैन्याने वापरले होते. दुसऱ्या महायुद्धात ऑस्ट्रेलियन बेटांच्या तटरक्षक दलानेही याचा वापर केला होता.

सायफर चिन्हांच्या जोड्यांचे कूटबद्धीकरण प्रदान करते (डायग्राम). अशा प्रकारे, साध्या प्रतिस्थापन सायफरच्या तुलनेत हा सायफर क्रॅक होण्यास अधिक प्रतिरोधक आहे, कारण वारंवारता विश्लेषण अधिक कठीण आहे. हे केले जाऊ शकते, परंतु 26 संभाव्य वर्णांसाठी नाही ( लॅटिन वर्णमाला), आणि 26 x 26 = 676 संभाव्य बिगग्रामसाठी. बिग्राम फ्रिक्वेंसी विश्लेषण शक्य आहे, परंतु लक्षणीयरीत्या अधिक कठीण आहे आणि मोठ्या प्रमाणात सायफरटेक्स्ट आवश्यक आहे.

संदेश कूटबद्ध करण्यासाठी, त्यास बिगग्राममध्ये (दोन चिन्हांचे गट) विभाजित करणे आवश्यक आहे आणि जर बिगग्राममध्ये दोन समान चिन्हे आढळली तर त्यांच्यामध्ये एक पूर्व-संमत सहायक चिन्ह जोडले जाईल (मूळ - एक्स, रशियन वर्णमाला साठी - आय). उदाहरणार्थ, "एनक्रिप्टेड संदेश" "एनक्रिप्टेड संदेश" बनतो आयसंवाद आय" की टेबल तयार करण्यासाठी, एक घोषवाक्य निवडले जाते आणि नंतर ते ट्रायसेमस एनक्रिप्शन सिस्टमच्या नियमांनुसार भरले जाते. उदाहरणार्थ, “UNCLE” या घोषणेसाठी की टेबल असे दिसते.

अंजीर.4.11. प्लेफेअर सायफरसाठी की सारणी

त्यानंतर, खालील नियमांनुसार मार्गदर्शित, स्त्रोत मजकूरातील वर्णांच्या जोड्या एन्क्रिप्ट केल्या जातात:

1. स्त्रोत मजकूर बिगग्राम चिन्हे एका ओळीत आढळल्यास, ही चिन्हे संबंधित चिन्हांच्या उजवीकडे जवळच्या स्तंभांमध्ये असलेल्या चिन्हांद्वारे बदलली जातात. जर वर्ण एका ओळीतील शेवटचा असेल तर तो त्याच ओळीच्या पहिल्या वर्णाने बदलला जातो.

2. जर स्त्रोत मजकूराचे बिगग्राम वर्ण एका स्तंभात आढळतात, तर ते थेट त्यांच्या खाली असलेल्या समान स्तंभाच्या वर्णांमध्ये रूपांतरित केले जातात. जर एखादे वर्ण स्तंभातील तळाचे वर्ण असेल, तर ते त्याच स्तंभातील पहिल्या वर्णाने बदलले जाते.

3. जर स्त्रोत मजकूराची बिगग्राम चिन्हे वेगवेगळ्या स्तंभांमध्ये असतील आणि वेगवेगळ्या ओळी, नंतर ते समान ओळींमध्ये असलेल्या वर्णांसह पुनर्स्थित केले जातात, परंतु आयताच्या इतर कोपऱ्यांशी संबंधित असतात.

एनक्रिप्शन उदाहरण.

बिगग्राम “साठी” एक आयत बनवते - ते “zhb” ने बदलले आहे;

बिगग्राम "शी" एका स्तंभात आहे - "यू" ने बदलले आहे;

बिगग्राम "fr" एका ओळीत आहे - "xc" ने बदलले आहे;

बिगग्राम "ओव्ही" एक आयत बनवते - ते "yzh" ने बदलले आहे;

बिगग्राम “अन” एका ओळीत आहे - ते “बा” ने बदलले आहे;

बिगग्राम “परंतु” एक आयत बनवतो - ते “am” ने बदलले आहे;

बिगग्राम "es" एक आयत बनवते - ते "gt" ने बदलले आहे;

बिगग्राम "ओया" एक आयत बनवते - ते "का" ने बदलले आहे;

बिगग्राम "बद्दल" एक आयत बनवते - ते "पा" ने बदलले आहे;

बिगग्राम "श्चे" एक आयत बनवते - ते "श्यो" ने बदलले आहे;

बिगग्राम "नी" एक आयत बनवते - "अन" ने बदलले आहे;

बिगग्राम "ee" एक आयत बनवतो आणि "gi" ने बदलला जातो.

कोड आहे "zhb yue xs yzh ba am gt ka pa she an gi."

डिक्रिप्ट करण्यासाठी, तुम्ही वर्ण टाकून, या नियमांचे उलथापालथ वापरणे आवश्यक आहे आय(किंवा एक्स) जर त्यांना मूळ संदेशात अर्थ नाही.

त्यात दोन डिस्क्स होत्या - एक बाह्य निश्चित डिस्क आणि अंतर्गत जंगम डिस्क, ज्यावर वर्णमालाची अक्षरे मुद्रित केली गेली होती. एनक्रिप्शन प्रक्रियेमध्ये पत्र शोधणे समाविष्ट होते साधा मजकूरवर बाह्य ड्राइव्हआणि ते s अक्षराने बदलत आहे अंतर्गत डिस्क, तिच्या खाली उभा आहे. यानंतर, अंतर्गत डिस्क एका स्थानावर हलविण्यात आली आणि दुसरे अक्षर नवीन सायफर वर्णमाला वापरून एनक्रिप्ट केले गेले. या सिफरची गुरुकिल्ली म्हणजे डिस्कवरील अक्षरांचा क्रम आणि सुरुवातीची स्थितीबाह्य डिस्कशी संबंधित अंतर्गत डिस्क.

ट्रायसेमस टेबल.जर्मन मठाधिपती ट्रायसेमसने शोधलेल्या सायफरपैकी एक तथाकथित "ट्रिसेमस टेबल" वर आधारित बहु-अक्षराचा सायफर होता - एक सारणी ज्याच्या बाजू समान आहेत. n, कुठे n- वर्णमालामधील वर्णांची संख्या. मॅट्रिक्सच्या पहिल्या ओळीत अक्षरे त्यांच्या क्रमानुसार वर्णमाला लिहिली जातात, दुसऱ्यामध्ये - अक्षरांचा समान क्रम, परंतु सह चक्रीय शिफ्टडावीकडे एक स्थान, तिसऱ्यामध्ये - चक्रीय शिफ्टसह डावीकडे दोन स्थाने इ.

अंजीर.4.17. ट्रायसेमस टेबल

पहिली ओळ ही साध्या अक्षरांसाठी देखील वर्णमाला आहे. मजकूराचे पहिले अक्षर पहिल्या ओळीवर एनक्रिप्ट केलेले आहे, दुसरे अक्षर दुसऱ्या ओळीवर, आणि असेच. वापर केल्यानंतर शेवटची ओळपुन्हा पहिल्याकडे परत या. तर “ABRAMOV” हा संदेश “AVTGRUZ” फॉर्म घेईल.

Vigenère एनक्रिप्शन प्रणाली. 1586 मध्ये, फ्रेंच मुत्सद्दी ब्लेझ विगेनरे यांनी हेन्रीला आयोगासमोर हजर केले III वर्णनट्रायसेमस सारणीवर आधारित एक साधा पण बऱ्यापैकी मजबूत सायफर.

एनक्रिप्शन करण्यापूर्वी, वर्णमाला वर्णांमधून एक की निवडली जाते. एनक्रिप्शन प्रक्रिया स्वतः खालीलप्रमाणे आहे. पहिल्या ओळीतील ओपन मेसेजचा i-th वर्ण स्तंभ निश्चित करतो आणि सर्वात डाव्या स्तंभातील कीचा i-th वर्ण पंक्ती निर्धारित करतो. पंक्ती आणि स्तंभाच्या छेदनबिंदूवर सिफरग्राममध्ये i-th वर्ण ठेवलेला असेल. जर कीची लांबी संदेशापेक्षा कमी असेल, तर ती पुन्हा वापरली जाते. उदाहरणार्थ, मूळ संदेश “ABRAMOV” आहे, की “UNCLE” आहे, एन्क्रिप्शन कोड “DAFIYOYE” आहे.

निष्पक्षतेने, हे लक्षात घ्यावे की या सिफरचे लेखकत्व इटालियन जिओव्हानी बतिस्ता बेलासोचे आहे, ज्याने 1553 मध्ये त्याचे वर्णन केले होते. इतिहास "दुर्लक्षित महत्वाचे तथ्यआणि सिफरचे नाव Vigenère च्या नावावर ठेवले, तरीही त्याने ते तयार करण्यासाठी काहीही केले नाही." बेलाझोने कॉल करण्याची सूचना केली गुप्त शब्दकिंवा वाक्यांश पासवर्ड(इटालियन पासवर्ड; फ्रेंच पॅरोल - शब्द).

1863 मध्ये, फ्रेडरिक कॅसिस्कीने या सायफरवर हल्ला करण्यासाठी एक अल्गोरिदम प्रकाशित केला, जरी याआधी काही अनुभवी क्रिप्टविश्लेषकांनी त्याचे सायफर तोडल्याची प्रकरणे ज्ञात आहेत. विशेषतः, 1854 मध्ये पहिल्या विश्लेषणाच्या शोधकाने सायफर क्रॅक केला होता. संगणकचार्ल्स बॅबेज, जरी ही वस्तुस्थिती 20 व्या शतकातच ज्ञात झाली, जेव्हा शास्त्रज्ञांच्या एका गटाने बॅबेजची गणना आणि वैयक्तिक नोट्सचे विश्लेषण केले. असे असूनही, Vigenère सायफरला "मॅन्युअल" क्रॅकिंगसाठी अत्यंत प्रतिरोधक म्हणून प्रतिष्ठा होती. बर्याच काळासाठी. अशा प्रकारे, प्रसिद्ध लेखक आणि गणितज्ञ चार्ल्स लुटविज डॉडसन (लुईस कॅरोल) यांनी त्यांच्या “अल्फाबेटिक सिफर” या लेखात प्रकाशित केले. मुलांचे मासिक 1868 मध्ये, Vigenère सायफरला अनब्रेकेबल म्हणतात. 1917 मध्ये, सायंटिफिक अमेरिकन या लोकप्रिय विज्ञान मासिकाने व्हिजेनेर सिफरचे अटूट वर्णन केले.

रोटरी मशीन्स.विसाव्या शतकाच्या पूर्वार्धात इलेक्ट्रोमेकॅनिकल रोटरी मशीन तयार करण्यासाठी अल्बर्टी आणि बेलासो यांच्या कल्पनांचा वापर करण्यात आला. त्यापैकी काही वापरले होते विविध देश 1980 पर्यंत. त्यापैकी बहुतेकांनी रोटर्स (यांत्रिक चाके) वापरली, ज्याची सापेक्ष स्थिती प्रतिस्थापन करण्यासाठी वापरली जाणारी वर्तमान सायफर वर्णमाला निर्धारित करते. रोटरी मशीन्सपैकी सर्वात प्रसिद्ध जर्मन दुसरे महायुद्ध एनिग्मा मशीन आहे.

एका रोटरच्या आउटपुट पिन पुढील रोटरच्या इनपुट पिनशी जोडल्या जातात आणि जेव्हा कीबोर्डवर मूळ संदेश चिन्ह दाबले जाते तेव्हा एक इलेक्ट्रिकल सर्किट पूर्ण होते, परिणामी सायफर रिप्लेसमेंट चिन्हासह लाइट बल्ब उजळतो.

अंजीर.4.19. एनिग्मा रोटरी सिस्टम [www.cryptomuseum.com]

एनिग्माचा एन्क्रिप्शन इफेक्ट एकापाठोपाठ दाबलेल्या दोन कीसाठी दर्शविला जातो - विद्युत प्रवाह रोटर्समधून वाहतो, रिफ्लेक्टरमधून "प्रतिबिंबित" होतो, नंतर पुन्हा रोटर्सद्वारे.

अंजीर.4.20. एनक्रिप्शन योजना

नोंद. राखाडी रेषा इतर संभाव्य दर्शवतात इलेक्ट्रिकल सर्किट्सप्रत्येक रोटरच्या आत. पत्र एजेव्हा लागोपाठ की दाबले जातात तेव्हा वेगळ्या पद्धतीने एनक्रिप्ट केले जाते, प्रथम मध्ये जी, नंतर मध्ये सी. मूळ संदेशाचे मागील अक्षर दाबल्यानंतर एक रोटर फिरवल्यामुळे सिग्नल वेगळा मार्ग घेतो.

3. प्रतिस्थापन सिफरच्या प्रकारांचे वर्णन करा.

वेब डिझायनर्स आणि डेव्हलपर्सना शब्दजाल आणि अमूर्त वाक्ये फेकणे आवडते जे कधीकधी आम्हाला समजणे कठीण असते. या लेखात आम्ही बोलूसिमेंटिक कोड बद्दल. चला ते काय आहे ते शोधूया!

सिमेंटिक कोड म्हणजे काय?

तुम्ही वेब डिझायनर नसले तरीही, तुमची साइट HTML मध्ये लिहिलेली आहे हे कदाचित तुम्हाला माहीत असेल. HTML हे मूळतः दस्तऐवजाच्या सामग्रीचे वर्णन करण्याचे साधन म्हणून होते, ऐवजी ते दृश्यमानपणे आनंददायक दिसण्याचे साधन म्हणून होते. सिमेंटिक कोड या मूळ संकल्पनेकडे परत येतो आणि वेब डिझायनर्सना ते कसे दिसावे यापेक्षा सामग्रीचे वर्णन करणारा कोड लिहिण्यास प्रोत्साहित करतो. उदाहरणार्थ, पृष्ठ शीर्षक खालीलप्रमाणे प्रोग्राम केले जाऊ शकते:

हे पृष्ठ शीर्षक आहे

हे शीर्षक मोठे आणि ठळक बनवेल, त्यास पृष्ठ शीर्षकाचे स्वरूप देईल, परंतु कोडमध्ये "शीर्षक" म्हणून वर्णन करणारे त्यात काहीही नाही. याचा अर्थ संगणक ते पृष्ठाचे शीर्षक म्हणून ओळखू शकत नाही.

शब्दार्थाने शीर्षक लिहिताना, संगणकाला "शीर्षक" म्हणून ओळखण्यासाठी, आपण वापरणे आवश्यक आहे खालील कोड:

हे शीर्षक आहे

मध्ये हेडरचे स्वरूप निश्चित केले जाऊ शकते स्वतंत्र फाइलज्यास म्हंटले जाते " कॅस्केडिंग टेबलशैली" (CSS) तुमच्या वर्णनात्मक (अर्थपूर्ण) HTML कोडमध्ये हस्तक्षेप न करता.

सिमेंटिक कोड महत्वाचे का आहे?

संगणकाची सामग्री योग्यरित्या ओळखण्याची क्षमता अनेक कारणांसाठी महत्त्वपूर्ण आहे:

• अनेक दृष्टिहीन लोकपृष्ठे वाचण्यासाठी स्पीच ब्राउझरवर अवलंबून रहा. असे कार्यक्रम स्पष्टपणे स्पष्ट केल्याशिवाय पृष्ठांचा अचूक अर्थ लावू शकणार नाहीत. दुसऱ्या शब्दांत, सिमेंटिक कोड प्रवेशयोग्यतेचे साधन म्हणून कार्य करते.
• शोध इंजिनमध्ये तुमची योग्य रँक करण्यासाठी शोध इंजिनांना तुमची सामग्री कशाबद्दल आहे हे समजून घेणे आवश्यक आहे. तुमची नियुक्ती सुधारण्यासाठी सिमेंटिक कोडची प्रतिष्ठा आहे. शोधयंत्र, कारण ते "शोध रोबोट्स" द्वारे सहज समजले जाते.

सिमेंटिक कोडचे इतर फायदे देखील आहेत:

• वरील उदाहरणावरून तुम्ही बघू शकता, सिमेंटिक कोड लहान आहे आणि लोडिंग जलद आहे.
• सिमेंटिक कोड साइट अद्यतने सोपे करते कारण तुम्ही पृष्ठ-दर-पृष्ठ आधारावर ऐवजी संपूर्ण साइटवर शीर्षलेख शैली लागू करू शकता.
• सिमेंटिक कोड समजण्यास सोपा आहे, म्हणून जर एखादा नवीन वेब डिझायनर निवडतो हा कोड, नंतर त्याला वेगळे करणे सोपे होईल.
• सिमेंटिक कोडमध्ये डिझाइन घटक नसल्यामुळे, नंतर बदला देखावासर्व एचटीएमएल रिकोड केल्याशिवाय वेबसाइट शक्य आहे.
• पुन्हा एकदा, डिझाईन सामग्रीपासून वेगळे केलेल्यामुळे, सिमॅण्टिक कोड कोणालाही न करता पृष्ठे जोडू किंवा संपादित करू देते चांगला डोळाडिझाइनसाठी. तुम्ही फक्त सामग्रीचे वर्णन करता आणि ती सामग्री कशी दिसेल हे CSS ठरवते.

वेबसाइट सिमेंटिक कोड वापरत असल्याची खात्री कशी कराल?

चालू हा क्षणसिमेंटिक कोड तपासू शकणारे कोणतेही साधन नाही. हे सर्व सामग्रीचे वर्णन करण्याऐवजी कोडमधील रंग, फॉन्ट किंवा लेआउट तपासण्यासाठी खाली येते. कोडचे विश्लेषण भयावह वाटत असल्यास, आपल्या वेब डिझायनरला विचारणे हा एक उत्तम प्रारंभ बिंदू आहे - तो शब्दार्थ लक्षात घेऊन कोडिंग करत आहे का? जर तो तुमच्याकडे रिकाम्या नजरेने पाहत असेल किंवा हास्यास्पद बडबड करू लागला तर तुम्ही खात्री बाळगू शकता की तो अशा प्रकारे कोडिंग करत नाही. या क्षणी त्याला त्याच्या कामात नवी दिशा द्यायची की स्वत:ला एक नवीन डिझायनर शोधायचा हे तुम्ही ठरवले पाहिजे?!