વેબ પાનાંઓ અંદર અનન્ય ઓળખાણકર્તા
ડબલ્યુ 3 સી મુજબ, એચટીએમએલમાં આઈડી એટ્રીબ્યુટ છે:
તત્વ માટે અનન્ય ઓળખકર્તા
આ ખૂબ શક્તિશાળી લક્ષણનું ખૂબ જ સરળ વર્ણન છે. ID વિશેષતા વેબ પૃષ્ઠો માટે કેટલીક ક્રિયાઓ કરી શકે છે:
- શૈલી શીટ પસંદગીકાર - આ મોટાભાગના લોકો ID લક્ષણનો ઉપયોગ કરે છે. કારણ કે તે અનન્ય છે, તમે ખાતરી કરી શકો છો કે જ્યારે તમે ID સંપત્તિનો ઉપયોગ કરીને શૈલીનો ઉપયોગ કરો છો ત્યારે તમે તમારા વેબ પૃષ્ઠ પર માત્ર એક આઇટમ સ્ટાઇલ કરશો. સ્ટાઇલ હેતુઓ માટેના ID નો ઉપયોગ કરવા માટેની પડતી એ છે કે તેની પાસે વિશિષ્ટતાની ખૂબ ઊંચી કક્ષા છે, જે સ્ટાઇલશીટમાં કોઈ કારણસર તમને શૈલીને ઓવરરાઇડ કરવાની જરૂર હોય તો તે ખૂબ જ પડકારરૂપ બની શકે છે. આના કારણે, વર્તમાન વેબ પ્રેક્ટિસ સામાન્ય સ્ટાઇલ હેતુઓ માટે ID અને ID પસંદગીકારોની જગ્યાએ વર્ગો અને ક્લાસ પસંદગીકારોનો ઉપયોગ કરીને દુર્બળ.
- લિંક કરવા માટે નામવાળા એંકર્સ - વેબ બ્રાઉઝર્સથી તમે URL ના અંતમાં ID ને નિર્દેશ કરીને તમારા વેબ દસ્તાવેજોમાં ચોક્કસ સ્થળોને લક્ષ્યમાં લઈ શકો છો. તમે ખાલી પૃષ્ઠ URL ના અંતમાં, પાઉન્ડ-સાઇન (#) દ્વારા આગળ ઉમેરશો. તમે આ ઍન્કોર્સને પેજ-સાઇન (#) અને એક એલિમેન્ટ માટે href એટ્રીબ્યુટમાં આઇડી નામ ઉમેરીને પૃષ્ઠ સાથે પણ લિંક કરી શકો છો. હમણાં પૂરતું, જો તમારી પાસે સંપર્કના ID સાથે વિભાગ છે, તો તમે તેના પર તે સાથે તે પૃષ્ઠ પર લિંક કરી શકો છો:
આ લિંક ટેક્સ્ટ છે - સ્ક્રિપ્ટ્સ માટેનો સંદર્ભ - જો તમે કોઇપણ જાવાસ્ક્રિપ્ટ વિધેયો લખો છો, તો તમે ID એટ્રીબ્યુટનો ઉપયોગ કરવા માંગો છો, જેથી તમે તમારા સ્ક્રિપ્ટ્સ સાથે પૃષ્ઠ પર ચોક્કસ ઘટકમાં ફેરફારો કરી શકો.
- અન્ય પ્રોસેસિંગ - id તમને ગમે તે રીતે તમારા વેબ દસ્તાવેજો પર પ્રક્રિયા કરવા દે છે. ઉદાહરણ તરીકે, તમે ડેટાબેઝમાં એચટીએમએલને બહાર કાઢી શકો છો, અને ID લક્ષણ ક્ષેત્રોને ઓળખે છે
આઈડી એટ્રીટીબ્યુના ઉપયોગ માટે નિયમો
ત્યાં કેટલાક નિયમો છે કે જે તમારે માન્ય દસ્તાવેજના પાલન માટે અનુસરવું જોઈએ જે દસ્તાવેજમાં ક્યાંય id લક્ષણનો ઉપયોગ કરે છે:
- ID એ એક અક્ષરથી પ્રારંભ થવો જોઈએ (az અથવા AZ)
- બધા અનુગામી અક્ષરો અક્ષરો હોઈ શકે છે, નંબરો (0-9), હાઇફન્સ (-), અંડરસ્કોર્સ (_), કોલોન (:), અને સમયગાળો (.).
- ડોક્યુમેન્ટમાં દરેક ID અનન્ય હોવો જોઈએ. શા માટે?
આઈડી લક્ષણનો ઉપયોગ કરવો
એકવાર તમે તમારી વેબ સાઇટનો એક વિશિષ્ટ તત્વ ઓળખી કાઢ્યા પછી, તમે સ્ટાઇલ શીટ્સને માત્ર એક જ ઘટક શૈલીમાં વાપરી શકો છો.
અમારો સંપર્ક કરો
અહીં કેટલીક ટેક્સ્ટ સામગ્રી છે
div # સંપર્ક-વિભાગ {background: # 0cf;}
-અથવા માત્ર-
# સંપર્ક-વિભાગ {પૃષ્ઠભૂમિ: # 0cf;}
તેમાંથી બે પસંદગીકારો કામ કરશે પ્રથમ (div # contact-section) "સંપર્ક-વિભાગ" ના ID લક્ષણ સાથે વિભાગને લક્ષ્ય બનાવશે. બીજો એક (# સંપર્ક-વિભાગ) હજી પણ તત્વને "સંપર્ક-વિભાગ" ની ID સાથે લક્ષ્ય બનાવશે, તે માત્ર જાણતો નથી કે તે શું શોધી રહ્યું છે તે વિભાજન છે. સ્ટાઇલનો અંતિમ પરિણામ બરાબર જ હશે.
તમે કોઈપણ ટૅગ્સ ઉમેરી વગર તે ચોક્કસ તત્વને પણ લિંક કરી શકો છો:
સંપર્ક માહિતી લિંક
"GetElementById" જાવાસ્ક્રિપ્ટ પદ્ધતિ સાથે તમારી સ્ક્રિપ્ટ્સમાં ફકરો સંદર્ભિત કરો:
document.getElementById ("સંપર્ક-વિભાગ")
ID વિશિષ્ટતાઓ હજુ પણ એચટીએમએલમાં ખૂબ જ ઉપયોગી છે, તેમ છતાં ક્લાસ પસંદગીકારોએ તેમને સૌથી સામાન્ય સ્ટાઇલ હેતુઓ માટે બદલ્યા છે. શૈલીઓ માટે હૂક તરીકે આઈડી એટ્રીબ્યુટનો ઉપયોગ કરવાની ક્ષમતા, જ્યારે સ્ક્રિપ્ટ્સ માટે લિંક્સ અથવા લક્ષ્યો માટેના એન્કર તરીકે તેનો ઉપયોગ કરવામાં આવે છે, એટલે કે આજે પણ વેબ ડિઝાઇનમાં તે અગત્યનું સ્થાન ધરાવે છે.
જેરેમી ગીરર્ડ દ્વારા સંપાદિત