मूलभूत HTML विशेषता. डीफॉल्ट मूल्य

व्हायबर डाउनलोड करा

Lorem Ipsum हा मुद्रण आणि टाइपसेटिंग उद्योगाचा फक्त डमी मजकूर आहे. लोरेम इप्सम हा 1500 च्या दशकापासून उद्योग मानक डमी मजकूर आहे, जेव्हा एका अज्ञात प्रिंटरने एक प्रकारची गॅली घेतली आणि एक प्रकारचा नमुना पुस्तक बनवण्यासाठी तो स्क्रॅम्बल केला. हे केवळ पाच शतकेच टिकले नाही, तर इलेक्ट्रॉनिक टाइपसेटिंगमध्ये देखील झेप घेतली आहे, मूलत: अपरिवर्तित आहे. 1960 च्या दशकात ते लोकप्रिय झाले सह Lorem Ipsum पॅसेज असलेल्या Letraset शीट्सचे प्रकाशन आणि अलीकडे Lorem Ipsum च्या आवृत्त्यांसह Aldus PageMaker सारख्या डेस्कटॉप प्रकाशन सॉफ्टवेअरसह.

या परस्परसंवादी उदाहरणासाठी स्त्रोत GitHub रेपॉजिटरीमध्ये संग्रहित केला जातो. तुम्ही परस्परसंवादी उदाहरण प्रकल्पात योगदान देऊ इच्छित असल्यास, कृपया https://github.com/mdn/interactive-examples क्लोन करा आणि आम्हाला पुल विनंती पाठवा.

जर विशेषता मूल्य असेल तर रिकामी स्ट्रिंग(lang=""), भाषा यावर सेट केली आहे अज्ञात; भाषा टॅग BCP47 नुसार वैध नसल्यास, ते सेट केले जाते अवैध.

भाषा टॅग वाक्यरचना

संपूर्ण BCP47 वाक्यरचना अत्यंत विशिष्ट भाषा बोली चिन्हांकित करण्यासाठी पुरेशी सखोल आहे, परंतु बहुतेक वापर खूपच सोपा आहे.

एक भाषा टॅग हायफन-विभक्त बनलेला आहे भाषा उपटॅग, जिथे प्रत्येक सबटॅग भाषेचा विशिष्ट गुणधर्म दर्शवतो. 3 सर्वात सामान्य सबटॅग आहेत:

भाषा उपटॅग आवश्यक आहे. 2-किंवा-3-वर्णांचा कोड जो मूलभूत भाषा परिभाषित करतो, सामान्यत: सर्व लोअरकेसमध्ये लिहिलेला असतो. उदाहरणार्थ, भाषा साठी कोडइंग्रजी en आहे आणि Badeshi चा कोड bdz आहे.

स्क्रिप्ट सबटॅग पर्यायी. हा उपटॅग भाषेसाठी वापरल्या जाणाऱ्या लेखन प्रणालीची व्याख्या करतो आणि नेहमी 4 वर्ण लांब असतो, पहिले अक्षर कॅपिटल केलेले असते. उदाहरणार्थ, फ्रेंच-इन-ब्रेल म्हणजे fr-Brai आणि ja-Kana हे काटाकाना अक्षराने लिहिलेले जपानी आहे. लॅटिन वर्णमालेतील इंग्रजीप्रमाणे भाषा अत्यंत वैशिष्ट्यपूर्ण पद्धतीने लिहिली असल्यास, हा उपटॅग वापरण्याची गरज नाही.

प्रदेश उपटॅग पर्यायी. हा उपटॅग विशिष्ट स्थानावरील मूळ भाषेची बोली परिभाषित करतो आणि एकतर देशाच्या कोडशी जुळणारी 2 अक्षरे ALLCAPS किंवा 3 संख्या देशाबाहेरील क्षेत्राशी जुळणारी असतात. उदाहरणार्थ, es-ES हे स्पेनमध्ये बोलल्या जाणाऱ्या स्पॅनिशसाठी आहे आणि es-013 हे मध्य अमेरिकेत बोलल्या जाणाऱ्या स्पॅनिशसाठी आहे. "आंतरराष्ट्रीय स्पॅनिश" फक्त es असेल.

दोन्ही उपस्थित असल्यास स्क्रिप्ट सबटॅग क्षेत्राच्या उपटॅगच्या आधी येतो - ru-Cyrl-BY हे रशियन आहे, बेलारूसमध्ये बोलल्याप्रमाणे सिरिलिक वर्णमालेत लिहिलेले आहे.

भाषेसाठी योग्य सबटॅग कोड शोधण्यासाठी, भाषा सबटॅग लुकअप वापरून पहा. जरी lang विशेषता सेट केली असली तरी, ती विचारात घेतली जाणार नाही, कारण xml:lang विशेषताला प्राधान्य आहे. CSS स्यूडो-क्लास :lang साठी, दोन अवैध भाषेची नावे भिन्न असल्यास त्यांची नावे भिन्न आहेत. तर:lang(es) lang="es-ES" आणि lang="es-419" या दोन्हीशी जुळत असताना, :lang(xyzzy)

नाही lang="xyzzy-Zorp!" .

तपशील	तपशील स्थिती टिप्पणी	एचटीएमएल लिव्हिंग स्टँडर्ड
राहणीमान नवीनतम स्नॅपशॉट, HTML 5.1 मधून कोणताही बदल नाही	HTML 5.1	त्या स्पेसिफिकेशनमध्ये "lang" ची व्याख्या.
शिफारस नवीनतम स्नॅपशॉट, HTML 5.1 मधून कोणताही बदल नाही	HTML 5.1	HTML लिव्हिंग स्टँडर्डचा स्नॅपशॉट, xml सह वर्तन: lang आणि भाषा निर्धारण अल्गोरिदम परिभाषित. हे देखील एक खरे जागतिक गुणधर्म आहे.
HTML 4.01 तपशील नवीनतम स्नॅपशॉट, HTML 5.1 मधून कोणताही बदल नाही	HTML 5.1	सर्व घटकांवर समर्थित परंतु, , , , , , , आणि .

ब्राउझर सुसंगतता

या पृष्ठावरील सुसंगतता सारणी संरचित डेटावरून तयार केली आहे. आपण डेटामध्ये योगदान देऊ इच्छित असल्यास, कृपया तपासा https://github.com/mdn/browser-compat-data आणि आम्हाला पुल विनंती पाठवा.

GitHub वर सुसंगतता डेटा अद्यतनित करा

डेस्कटॉप मोबाइलक्रोम एज फायरफॉक्स इंटरनेट एक्सप्लोरर ऑपेरा सफारी अँड्रॉइड वेबव्यू क्रोम फॉर अँड्रॉइड एज मोबाइल फायरफॉक्स फॉर अँड्रॉइड ऑपेरा फॉर अँड्रॉइड सफारी ऑन iOS सॅमसंग इंटरनेटlang

Chrome पूर्ण समर्थन होय

एज पूर्ण समर्थन होय

फायरफॉक्स पूर्ण समर्थन होय

IE पूर्ण समर्थन होय

ऑपेरा पूर्ण समर्थन होय

सफारी पूर्ण समर्थन होय

WebView Android पूर्ण समर्थन होय

Chrome Android पूर्ण समर्थन होय

एज मोबाईल पूर्ण समर्थन होय

Firefox Android पूर्ण समर्थन होय

Opera Android पूर्ण समर्थन होय

सफारी iOS पूर्ण समर्थन होय

सॅमसंग इंटरनेट Androidपूर्ण समर्थन होय

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

वाक्यरचना

lang=""

डीफॉल्ट मूल्य उदाहरण

विशेषता lang p ( फॉन्ट-आकार: 130%; /* मजकूर आकार */ ) q:lang(de) ( अवतरण: "\201E" "\201C"; /* जर्मनसाठी अवतरणांचा प्रकार */ ) q:lang( en) ( अवतरण: "\201C" "\201D"; /* इंग्रजीसाठी अवतरण चिन्हांचा प्रकार */ ) q:lang(fr), q:lang(ru) ( /* रशियन आणि फ्रेंचसाठी अवतरण चिन्हांचा प्रकार * / अवतरण : "\00AB" "\00BB" ;

फ्रेंचमध्ये कोट: Ce que femme veut, Dieu le veut.

जर्मन मध्ये कोट: Der Mensch, versuche die Gotter nicht.

इंग्रजीतील कोट: To be or not to be.

या उदाहरणाचा परिणाम अंजीर मध्ये दर्शविला आहे. 1. उदाहरणामध्ये ठराविक अवतरण प्रदर्शित करण्यासाठी, वापरा शैली मालमत्ताकोट्स , आणि भाषा बदलणे आणि संबंधित प्रकारचे अवतरण घटकामध्ये जोडलेल्या lang विशेषताद्वारे होते.

तांदूळ. 1. विविध भाषांसाठी कोट्सचा प्रकार

तपशील

प्रत्येक तपशील मंजुरीच्या अनेक टप्प्यांतून जातो.

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

जिवंत वेगळे उभे आहे HTML मानक(लिव्हिंग) - हे पारंपारिक आवृत्ती क्रमांकाचे पालन करत नाही, कारण ते सतत विकसित होत आहे आणि नियमितपणे अद्यतनित केले जाते.

×

तुम्हाला अनेक एचटीएमएल टॅग आणि त्यांचे उपयोग, जसे की हेडिंग टॅग, किंवा पॅराग्राफ टॅग यांच्याशी परिचित आहात

आणि इतर. आतापर्यंत आम्ही त्यांचा वापर केला आहे सर्वात सोपा फॉर्म, परंतु HTML मधील बहुतेक टॅगमध्ये असे गुणधर्म असू शकतात अतिरिक्त बिट्समाहिती

विशेषता - html घटकाची वैशिष्ट्ये परिभाषित करण्यासाठी वापरली जाते आणि घटकाच्या खुल्या टॅगमध्ये ठेवली जाते. सर्व गुणधर्मांमध्ये दोन भाग असतात - एक नाव आणि मूल्य:

• नाव म्हणजे तुम्ही सेट करू इच्छित असलेली मालमत्ता. उदाहरणार्थ, परिच्छेद घटक

  खालील उदाहरणामध्ये, संरेखित विशेषता समाविष्ट आहे, जी तुम्ही पृष्ठावरील परिच्छेदाचे संरेखन निर्दिष्ट करण्यासाठी वापरू शकता.

• मूल्य म्हणजे तुम्ही मालमत्तेसाठी सेट करू इच्छित असलेले मूल्य. विशेषता मूल्य नेहमी कोट्समध्ये ठेवले जाते. खालील उदाहरण तीन संभाव्य मूल्ये दर्शविते संरेखित गुणधर्म: डावीकडे, मध्यभागी आणि उजवीकडे.

HTML मधील विशेषता नावे आणि मूल्ये केस-संवेदनशील आहेत. तथापि, जागतिक संघ वाइड वेब(W3C) त्याच्या HTML 4 शिफारशीमध्ये विशेषता आणि विशेषता मूल्ये लोअरकेस असण्याची शिफारस करते.

उदाहरण

संरेखित गुणधर्माचे उदाहरण

डावीकडे संरेखित.

मध्यभागी संरेखित.

उजवीकडे संरेखित.

आम्हाला खालील परिणाम मिळतात:

बेसिक HTML विशेषता

एचटीएमएलमध्ये चार मूलभूत गुणधर्म आहेत ज्या बहुतेक एचटीएमएल घटकांसाठी वापरल्या जाऊ शकतात (जरी सर्वच नाहीत):

• शीर्षक
• वर्ग
• शैली

id विशेषता

एचटीएमएल टॅगची आयडी विशेषता एचटीएमएल पृष्ठातील कोणताही घटक अद्वितीयपणे ओळखण्यासाठी वापरली जाऊ शकते. तुम्ही घटकावर id विशेषता का वापरू शकता याची दोन मुख्य कारणे आहेत:

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

स्टाईल शीटची चर्चा आपण वेगळ्या ट्युटोरियलमध्ये करू. आतासाठी, खाली दाखवल्याप्रमाणे दोन परिच्छेद घटकांमधील फरक ओळखण्यासाठी id विशेषता वापरू.

हा परिच्छेद HTML म्हणजे काय हे स्पष्ट करतो.

हा परिच्छेद कॅस्केडिंग स्टाइल शीट (CSS) म्हणजे काय हे स्पष्ट करतो.

शीर्षक विशेषता

शीर्षक विशेषता - घटकासाठी घटक शीर्षक देते. साठी वाक्यरचना शीर्षक विशेषता id विशेषता सारखे.

या विशेषताचे वर्तन ते वाहून नेणाऱ्या घटकावर अवलंबून असेल, जरी कर्सर घटकावर फिरत असताना किंवा घटक लोड होत असताना ते सहसा टूलटिप म्हणून प्रदर्शित केले जाते.

उदाहरण

शीर्षक विशेषता उदाहरण शीर्षक विशेषता उदाहरण

आम्हाला खालील परिणाम मिळतात:

आता "शीर्षक उदाहरण" वर फिरवण्याचा प्रयत्न करा आणि तुम्हाला दिसेल की तुम्ही तुमच्या कोडमध्ये वापरलेले शीर्षक कर्सर टूलटिप म्हणून बाहेर येईल.

वर्ग विशेषता

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

विशेषता मूल्य स्पेसद्वारे विभक्त केलेल्या वर्ग नावांची सूची देखील असू शकते. उदाहरणार्थ:

Class="class1 चे नाव Class2 चे नाव Class3 चे"

शैली गुणधर्म

स्टाइल विशेषता तुम्हाला घटकामध्ये कॅस्केडिंग स्टाइल शीट (CSS) नियम निर्दिष्ट करण्यास अनुमती देते.

शैली गुणधर्म उदाहरण

एक छोटासा मजकूर...

आम्हाला खालील परिणाम मिळतात:

चालू या क्षणीआपण CSS शिकत नाही, त्यामुळे CSS ची चिंता न करता पुढे चालू ठेवूया. येथे तुम्हाला हे समजून घेणे आवश्यक आहे की कोणती html विशेषता अस्तित्वात आहे आणि सामग्रीचे स्वरूपन करताना ते कसे वापरले जाऊ शकतात.

आंतरराष्ट्रीयीकरणाचे गुणधर्म

HTML मध्ये तीन आंतरराष्ट्रीयीकरण गुणधर्म आहेत जे बहुतेक (सर्व नसले तरी) XHTML घटकांवर उपलब्ध आहेत.

• xml:lang

dir विशेषता

dir विशेषता तुम्हाला ब्राउझरला मजकूर प्रवाहाची दिशा सांगण्याची परवानगी देते. dir विशेषता दोनपैकी एक मूल्य घेऊ शकते, जी तुम्ही खालील सारणीमध्ये पाहू शकता:

उदाहरण

मजकूर प्रवाह दिशा उदाहरण

उजवीकडून डावीकडे दिशात्मक मजकूर प्रदर्शित करते.

आम्हाला खालील परिणाम मिळतात:

जेव्हा dir विशेषता टॅगमध्ये वापरली जाते, तेव्हा ते संपूर्ण दस्तऐवजात मजकूर कसा सादर केला जाईल हे निर्धारित करते. दुसऱ्या टॅगमध्ये वापरल्यास, ते केवळ त्या टॅगच्या सामग्रीसाठी मजकूराची दिशा नियंत्रित करते.

lang विशेषता

lang विशेषता - तुम्हाला दस्तऐवजात वापरलेली प्राथमिक भाषा निर्दिष्ट करण्याची परवानगी देते, परंतु ही विशेषता HTML मध्ये फक्त पूर्वीच्या बॅकवर्ड सुसंगततेसाठी संग्रहित केली जाते HTML आवृत्त्या. ही विशेषता नवीन xhtml दस्तऐवजांमध्ये xml:lang विशेषताने बदलली आहे.

lang विशेषता मूल्ये मानक दोन-वर्णांचे ISO-639 भाषा कोड आहेत. HTML भाषेसाठी ISO-639 कोड तपासा, मिळविण्यासाठी दुव्याचे अनुसरण करा पूर्ण यादीभाषा कोड.

उदाहरण

रशियन भाषा पृष्ठे

हे पृष्ठ रशियन भाषा वापरते.

xml:lang विशेषता

xml:lang विशेषता ही lang विशेषतासाठी XHTML बदली आहे. xml:lang विशेषता मूल्य वर सूचीबद्ध केलेला ISO-639 देश कोड असणे आवश्यक आहे.

सामान्य गुणधर्म

खाली इतर काही विशेषतांची सारणी आहे जी अनेक html टॅगसह सहजपणे वापरली जाऊ शकते.

विशेषता	पर्याय	कार्य
संरेखित करा	उजवीकडे, डावीकडे, मध्यभागी	टॅग्जचे क्षैतिज संरेखन.
valign	शीर्ष, मध्य, तळ	html घटकामध्ये टॅग्जला अनुलंब संरेखित करते.
bgcolor	अंकीय, हेक्साडेसिमल, RGB मूल्ये	ठिकाणे पार्श्वभूमी रंगप्रति घटक.
पार्श्वभूमी	URL	घटकामागे पार्श्वभूमी प्रतिमा ठेवते.
आयडी	वापरकर्ता परिभाषित	वापरण्यासाठी घटकाचे नाव देणे कॅस्केडिंग टेबलशैली
वर्ग	वापरकर्ता परिभाषित	कॅस्केडिंग स्टाइल शीट्ससह वापरण्यासाठी घटकाचे वर्गीकरण करते.
रुंदी		सारण्या, प्रतिमा किंवा टेबल सेलची रुंदी सेट करते.	उंची	अंकीय किंवा टक्केवारी मूल्य	सारण्या, प्रतिमा किंवा टेबल सेलची उंची सेट करते.	शीर्षक	वापरकर्ता परिभाषित	घटकांचे "पॉप-अप" शीर्षक.

इतर एचटीएमएल टॅग्स (