ഇന്റർനെറ്റ്, വെബ് ഡിസൈൻ
ബ്ലോക്ക് ലേഔട്ട് DIV എച്ച്ടിഎംഎൽ ടാഗുകൾ
ചില പത്തു വർഷം മുമ്പ് രുനെത് ഏറ്റവും പലപ്പോഴും വിളിക്കപ്പെടുന്ന പട്ടികാ ലേഔട്ട് ഉപയോഗിച്ചു. ചില ബ്രൗസറുകളിൽ നിലവാരം തമ്മിൽ വളരെ വ്യത്യാസം വസ്തുത, ശരിയായി എല്ലാ അപ്ലിക്കേഷനുകൾ ഓൺലൈൻ പ്രമാണം പ്രദർശിപ്പിക്കുകയും തന്നെ ഒരു പരിഹാരം തിരയുകയും ചെയ്യുന്നുണ്ട്. എന്നാൽ സമയം പോലെ നിലവാരം വികസ്വര, പോയി, നല്ല റെസ്പോൺസീവുമായ വേരിയബിൾ വന്നു പകരം മൂടുക ആൻഡ് വഴക്കവും പട്ടിക പകരം ബ്ലോക്ക് ലേഔട്ട്. ഈ സാങ്കേതിക മുൻപന്തിയിലാണ് ഘടകങ്ങൾ <കളരി> ഉപയോഗിച്ച് തത്വം. ഭൂരിപക്ഷം എച്ച്ടിഎംഎൽ-പ്രമാണങ്ങൾ, വ്യക്തിഗത ബ്ലോക്കുകൾ അടിസ്ഥാനത്തിൽ പണിത പട്ടിക ലേഔട്ട് വ്യത്യസ്തമായി പരസ്പരം സ്വതന്ത്രമായ കഴിയും ചെയ്തു.
ഉദയം
ഫ്രെയിം (എച്ച്ടിഎംഎൽ-കോഡ്) ഡിസൈന് (ശൈലി ഷീറ്റുകളുടെ) - വെബ് പേജുകളും കമ്പ്യൂട്ടർ സാങ്കേതിക വികസന വർദ്ധിച്ചുവരുന്ന സങ്കീർണ്ണത വെബ് പ്രമാണം രണ്ടു ഭാഗങ്ങളായി തിരിച്ചിരിക്കുന്നു ചെയ്തു വസ്തുത നേതൃത്വത്തിലുള്ള. ഇതോടെ, വെബ് അഭൂതപൂർവമായ നേടുന്ന ഞങ്ങൾ ഇപ്പോൾ മിക്ക സൈറ്റുകളിൽ ജോലിയെ കഴിയും ഇതിൽ ഫലങ്ങൾ. അവരുടെ ഡിസൈൻ നിയമങ്ങൾ ഓരോ വ്യക്തിഗത ഘടകത്തിനായുള്ള കണക്കാക്കുന്നതിന് <താങ്കളുടെ അക്കൗണ്ട്> എച്ച്ടിഎംഎൽ വികസന പ്രക്രിയ മെച്ചപ്പെടുത്തുന്നതിന് പുറമേ. ഈ വെബ് പേജുകളുടെ ബുദ്ധിമുട്ട് മെച്ചപ്പെടുത്തുന്നതിനും പ്രമാണം ഡൗൺലോഡ് സമയം കുറക്കാനായി. ഇപ്പോൾ സെർച്ച് വളരെ വേഗത്തിൽ എഞ്ചിനുകൾ സൈറ്റിൽ ലഭ്യമായ മെച്ചപ്പെട്ട പ്രക്രിയ വിവരങ്ങൾ.
നിലവാരത്തിലും സാധൂകരണം
<ലാഭവിഹിത> W3C മാനദണ്ഡങ്ങൾ (വേൾഡ് വൈഡ് വെബ് കൺസോർഷ്യത്തിന്റെ) രൂപകൽന ഉപയോഗിക്കുന്ന HTML ൽ ടാഗ്. (സ്കാൻ തിരയലുകൾ) പര്സെസ് ഏത് നിർണേതാവ്, പേജിൽ പിശകുകൾ എല്ലാ തരത്തിലുള്ള - പേജ് ഉറവിടം പരിശോധിക്കുന്നു ഒരു പ്രത്യേക ഉപകരണം നടത്തി. പേജ് എല്ലാ ടാഗുകളും ശരിയായി ഉപയോഗിച്ചു എന്ന് പൂർണ്ണമായും നിലവാരം, ആവശ്യകതകൾ സാധുവായ മാർഗം ആണ്.
<ലാഭവിഹിത> ടാഗുകൾ നിങ്ങൾ ബ്ലോക്കു അനുവദിക്കുന്നു, അല്ലെങ്കിൽ അവർ കണ്ടെയ്നറുകൾ വിളിക്കുന്നു പോലെ. വ്യക്തിഗത ഘടകങ്ങൾ അതുവഴി ആവശ്യമായ ഘടനയും കോൺഫിഗറേഷൻ സങ്കീർണ്ണത സൃഷ്ടിക്കുന്നു ചേർത്തിട്ടില്ല കഴിയും. പ്രായോഗികമായി <താങ്കളുടെ അക്കൗണ്ട്> ടാഗ് മൃതദേഹം ക്ലാസ് ഐഡന്റിഫയർ ഉപയോഗിച്ച് അല്ലെങ്കിൽ ഉണ്ടാവുന്നില്ല. ഇത് "ചിന്തയും" ഘടകത്തെ സംഭവിക്കുന്നത്. ഒരു ഗ്രേഡ് നിയോഗിക്കുകയോ ഇല്ല എങ്കിൽ, ഒടുവിൽ, എല്ലാ കണ്ടെയ്നറുകൾ ഒരു സമാനമായ ക്രമീകരണം ഉണ്ടായിരിക്കും.
ഒരു സത്യം ശരിയായ പ്രമാണം സൃഷ്ടിക്കുന്നതിന്, നിങ്ങൾ
ക്ലാസുകൾ ആൻഡ് ഐഡികൾ ഉപയോഗിച്ച്
തടയുക <കളരി> തുടങ്ങിയ ഒരു ഐഡന്റിഫയർ ഐഡി, ക്ലാസ് ക്ലാസ് നിർവചിക്കാം. രണ്ടാം ആദ്യ വ്യത്യസ്തമായി ഐഡി ഒരു ഡോക്യുമെന്റ് പേജിൽ ഒരിക്കൽ ഉപയോഗിക്കുന്നു എന്നതാണ്. ആ, അത് പേജ് കോഡ് കൂടുതൽ ആവർത്തിച്ചു ഒരിക്കലും തനതായ ഘടകങ്ങൾ നിർണ്ണയിക്കാൻ ഉപയോഗിക്കുന്ന ആണ്. ക്ലാസ് ആട്രിബ്യൂട്ട് ഒരേ ബാധകമാണ് അനുവദിക്കുന്നു രീതിയിൽ നിയമങ്ങൾ നിരവധി ഘടകങ്ങൾ വരെ. ഈ സമീപനം ഏറ്റവും കോഡ് വികസനത്തിന് പിന്തുണയും ലളിതമാക്കുന്ന. കൂടാതെ, ഒരു വസ്തു ഒന്നിലധികം ക്ലാസുകൾ കഴിയും. ഒരു പങ്കിട്ട സ്ഥലം ശരിയായ അംഗീകാരം വേണ്ടി.
സ്വാഭാവികമായും, പ്രമാണത്തിന്റെ ബ്ലോക്ക് ഘടന മാത്രമേ ഒരു ടാഗ് <കളരി> ഉപയോഗം അർത്ഥമില്ല. ഏതെങ്കിലും വെബ് പേജിന്റെ ഘടന എപ്പോഴും മറ്റ് ഘടകങ്ങൾ ആയിരിക്കും. കൂടാതെ, തന്നെ തടയൽ <കളരി> ഘടകം ഡിസ്പ്ലേ വ്യത്യസ്തമായ രീതിയിലുള്ള കഴിയും. ഈ പ്രോപ്പർട്ടികൾ ഡിസ്പ്ലേ ഉപയോഗിച്ച് നടക്കുന്ന. മൂലകം ഒരു സ്ട്രിംഗ് കാര്യമായി യൂണിറ്റ് ഉപയോഗം സൌകര്യത്തോടുകൂടിയ വർദ്ധിപ്പിക്കാൻ ഏതെങ്കിലും കോൺഫിഗറേഷൻ ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കാൻ കഴിയുന്ന ഒരു മേശ ഡിസ്പ്ലേ, കഴിയും.
<ലാഭവിഹിത> ടാഗ്. എച്ച്ടിഎംഎൽ-പ്രോപ്പർട്ടികൾ
ഇതിനകം മുകളിൽ സൂചിപ്പിച്ച, ടാഗ് പേജ് ലേഔട്ട് ശകലം മാറ്റാൻ ശൈലിയും ഷീറ്റുകൾ പിന്നീട് രജിസ്റ്റർ ഒരു വേറൊരു ഘടന സൃഷ്ടിക്കാൻ ഉപയോഗിക്കുന്ന ഇല്ല. ഈ മൂലകം ഒരു ക്ലോസിംഗ് ടാഗ് നിർബന്ധമായും ഉപയോഗിയ്ക്കുക.
പല ആധുനിക ബ്രൗസറുകളിൽ ചില കേസുകളിൽ, അത്തരം ഒരു തെറ്റ് തിരിച്ചറിയാൻ കഴിയും കണ്ടാണ്, ക്ലോസ് ടാഗ് "രജ്വലിവനിഎ" പ്രമാണം ഘടനയും അതിന്റെ ഡിസ്പ്ലേ പരാജയം കാരണമാകും.
ഈ മൂലകം ഒരു ബ്ലോക്ക് ആയതിനാൽ, പിന്നെ അത് ഉള്ളടക്കം വലയം പരിധിവരെ പുതിയ ലൈൻ ആരംഭിക്കും. ഈ സ്വഭാവം സ്വത്തായി പരാമീറ്ററുകൾ പ്രദർശിപ്പിക്കുന്ന ഡിസ്പ്ലേ യൂണിറ്റ് മാറ്റണം. പട്ടികയ്ക്കുള്ളിലെ ഘടകങ്ങൾ <കളരി> ടാഗ് ഗ്രൂപ്പ് ചെയ്യൽ കൂടാതെ അത് ഉള്ളിൽ ഉള്ളടക്കം ലേഔട്ട് ഫോർമാറ്റ് അനുവദിക്കുന്നു. നിങ്ങൾ ഇടതു വാചക അല്ലെങ്കിൽ ചിത്രം സ്ഥാപിക്കുക കഴിയുന്ന വിന്യസിക്കുക ആട്രിബ്യൂട്ട്,, വലത്, അല്ലെങ്കിൽ മൂല ഘടകം കേന്ദ്രം ഉപയോഗിക്കുന്നു.
സ്ഥാനനിർണ്ണയം ബ്ലോക്കുകൾ
സ്ഥാനം ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് തിരഞ്ഞെടുത്ത ഇനം പൊസിഷനിംഗ് രീതി മാറ്റാൻ അനുവദിക്കുന്നു. അതിനാൽ, സ്ഥാനനിർണ്ണയം മൂന്നു തരം ഉണ്ട്:
- സ്റ്റാറ്റിക് (സ്റ്റാറ്റിക്) - സ്ഥിരമായി. ഈ സാഹചര്യത്തിൽ, ഘടകം എച്ച്ടിഎംഎൽ-കോഡിൽ സ്ഥാനം അനുസരിച്ച് ആണ്.
- ആപേക്ഷികമായ (ബന്ധു). ഈ സാഹചര്യത്തിൽ, വസ്തുവിന്റെ സ്ഥാനം സ്റ്റാറ്റിക് സ്ഥാനനിർണ്ണയം കാര്യത്തിലെന്നപോലെ അതേ വിധത്തിൽ കണക്കു, എന്നാൽ ഈ സവിശേഷത കുട്ടികൾക്ക് സ്ഥാനം മാറ്റാൻ അനുവദിക്കുന്നു.
- സമ്പൂർണ്ണ (കേവലം). അവന്റെ സ്ഥാനം സ്ഥാനത്തോടുള്ള മൂലകം ആപേക്ഷിക കണക്കു.
മറ്റ് ഗുണങ്ങളെ
മുകളിൽ ഇടത് ഗുണങ്ങളെ ഉത്ഭവ പോയിന്റ് വരെ സ്ഥാനം മാറ്റാൻ ഉപയോഗിക്കുന്നു. മൂല്യങ്ങൾ പോസിറ്റീവും നെഗറ്റീവും കഴിയും. തടയൽ മൂലകത്തിന്റെ വീതിയും ഉയരവും യഥാക്രമം നിർവചിച്ചിരുന്നു വീതിയും ഉയരവും മനസ്സിലാവും. അവർ ഷീറ്റ് വ്യക്തമാക്കിയില്ല എങ്കിൽ, യൂണിറ്റ് മൂല ഘടകം മുഴുവൻ വീതി ഏറ്റെടുക്കുകയും. ബ്ലോക്ക് ഉള്ളടക്കം "പാരന്റ്" വീതി ഉടനീളം യുക്തമാകുന്നില്ലെങ്കിൽ, പിന്നെ ഒരു ഘടകത്തിന്റെ തെറാപിയെയാണ് കവിഞ്ഞിരിക്കുന്നു നിർണ്ണയിക്കുന്നത്.
ഈ ലേഖനം ഒരു എന്തു HTML ൽ <കളരി> എന്ന ചോദ്യത്തിന് കൈകാര്യം സഹായിച്ചത് പ്രതീക്ഷിക്കുന്നു.
Similar articles
Trending Now