நெஸ்டிங் HTML குறிச்சொற்கள்

எப்படி நெஸ்ட் HTML குறிச்சொற்கள் சரியாக

இன்று எந்த வலைப்பக்கத்திற்கும் HTML மார்க்கப் பார்க்கிறீர்கள் என்றால், மற்ற HTML கூறுகளில் உள்ள HTML உறுப்புகளை நீங்கள் பார்ப்பீர்கள். பிற "உள்ளே" இருக்கும் இந்த கூறுகள் "உள்ளமை உறுப்புகள்" என்று அழைக்கப்படுகின்றன, அவை இன்று எந்தவொரு வலைப்பக்கத்தையும் உருவாக்க அவசியம்.

இது நெஸ்ட் HTML குறிச்சொற்கள் அர்த்தம் என்ன?

உங்கள் உள்ளடக்கத்தை வைத்திருக்கும் பெட்டிகளாக HTML குறிச்சொற்களைக் கருத்தில் கொள்வது எளிதான வழி. உங்கள் உள்ளடக்கம் உரை, படங்கள், முதலியவற்றை உள்ளடக்கலாம். HTML குறிச்சொற்கள் உள்ளடக்கம் முழுவதும் உள்ள பெட்டிகள். சில நேரங்களில், நீங்கள் மற்ற பெட்டிகளில் உள்ள பெட்டிகளை வைக்க வேண்டும். அந்த "உள்ளார்" பெட்டிகள் மற்றவர்களின் உள்ளே வைக்கப்படுகின்றன.

ஒரு பத்தியின் உள்ளே நீங்கள் தைரியமாக விரும்பும் உரையின் தொகுப்பை நீங்கள் வைத்திருந்தால், நீங்கள் இரண்டு HTML உறுப்புகள் மற்றும் உரை தன்னைப் பெறுவீர்கள்.

எடுத்துக்காட்டு: இது ஒரு வாக்கியத்தின் வாக்கியமாகும்.

அந்த உரையானது எங்களது உதாரணமாக நாம் பயன்படுத்தும். இது எப்படி எழுதப்படும் என்பதுதான்.

எடுத்துக்காட்டு: இது ஒரு வாக்கியத்தின் வாக்கியமாகும்.

ஏனென்றால் "வாக்கியம்" என்ற வார்த்தை தைரியமாக இருக்க வேண்டும் என்று நீங்கள் விரும்பும் முன், அதற்கு முன்னும் பின்னும் தைரியமான குறிச்சொற்களைத் திறந்து மூடி விடுங்கள்.

எடுத்துக்காட்டு: இது உரை தண்டனை .

நீங்கள் பார்க்க முடியும் எனில், எங்கள் வாக்கியத்தின் உள்ளடக்கம் / உரையை உள்ளடக்கிய ஒரு பெட்டி (பத்தி), இரண்டாவது பெட்டி (வலுவான குறிச்சொல் ஜோடி), அந்த வார்த்தையை தைரியமாக வழங்கும்.

நீங்கள் nest குறிச்சொற்களைக் கொண்டால், நீங்கள் அவற்றைத் திறந்திருக்கும் எதிர் வரிசையில் குறிச்சொற்களை மூடுவது மிக முக்கியம்.

முதலில், ஐத் திறந்து, நீங்கள் அதைத் திருப்பி, பின்னர் பின்னர் என்பதைத் திறந்து விடுங்கள்.

இதைப் பற்றி சிந்திக்க இன்னொரு வழி, மீண்டும் பெட்டிகளின் ஒப்பீட்டை மீண்டும் பயன்படுத்துவதுதான். நீங்கள் ஒரு பெட்டியை மற்றொரு பெட்டிக்குள் வைத்திருந்தால், வெளிப்புறம் அல்லது பெட்டியை மூடுவதற்கு முன் நீங்கள் உள் ஒன்றை மூட வேண்டும்.

மேலும் உள்ளமை குறிச்சொற்களை சேர்த்தல்

நீங்கள் ஒன்று அல்லது இரண்டு சொற்கள் தைரியமாக இருக்க வேண்டும் என்றால், மற்றும் மற்றொரு தொகுப்பு சாய்வு இருக்க வேண்டும் என்றால்? அதை எப்படி செய்வது?

எடுத்துக்காட்டு: இது உரை தண்டனை மற்றும் இது சில சாய்ந்த உரை ஆகும்.

எங்கள் வெளிப்புற பெட்டி,

, இப்போது உள்ளே இரண்டு உள்ளமை குறிச்சொற்கள் உள்ளன - மற்றும் . அந்த பெட்டியை மூடுவதற்கு முன் அவர்கள் இருவரும் மூடப்பட வேண்டும்.

எடுத்துக்காட்டு: இது வாக்கியத்தின் உரை மற்றும் இது சில சாய்ந்த உரை ஆகும்.

இது மற்றொரு பத்தியே. / p>

இந்த வழக்கில் நாம் பாக்ஸ்கள் உள்ளே பெட்டிகள் வேண்டும்! மிக அவுட் பெட்டியில்

அல்லது ஒரு "பிரிவு". அந்த பெட்டியில் உள்ளே உள்ளமைக்கப்பட்ட பத்தி குறிச்சொற்கள், மற்றும் முதல் பத்தியில் உள்ளே நாம் அடுத்த மற்றும் குறிச்சொல் ஜோடி. மீண்டும், இன்று எந்த வலைப்பக்கத்தையும் பாருங்கள், நீங்கள் இதைப் பார்ப்பீர்கள் மற்றும் மிகவும் அதிகமான நடத்தை! பெட்டிகள் உள்ளே பெட்டிகள் - கட்டப்பட்டது எப்படி இது.

கூந்தல் பற்றி நீங்கள் ஏன் கவலைப்பட வேண்டும்

நீங்கள் CSS ஐப் பயன்படுத்தப் போகிறீர்களானால், நீங்கள் nesting பற்றி கவலைப்பட வேண்டிய முதல் காரணம் இருக்கிறது. விழுத்தொடர் நடைதாள்கள் ஆவணத்தில் தொடர்ந்த இடுகையைப் பொறுத்து இருக்கும், இதனால் ஸ்டைல்கள் தொடங்கி முடிவடையும் என்பதைத் தெரிவிக்கலாம். பக்கத்திலுள்ள முக்கிய-உள்ளடக்க "உரை" வகுப்பில் உள்ள அனைத்து "இணைப்புகள்" பாதிப்பை ஏற்படுத்தும் ஒரு பாணியை நீங்கள் அமைத்திருந்தால், இந்த பாணியை எங்கு பயன்படுத்துவது என்பது உலாவிக்கு தவறானது. சில HTML ஐ பார்க்கலாம்:

எடுத்துக்காட்டு: இது உரை தண்டனை மற்றும் அது சரளமாக உரை ஐயும் கொண்டுள்ளது.

மற்றொரு பத்தி .

இந்த பிரிவின் உள்ளே உள்ள இணைப்பை பாதிக்கும் ஒரு CSS பாணியை எழுதுவது, மற்றும் அந்த இணைப்பு (பக்கத்தின் மற்ற பிரிவுகளில் வேறு எந்தக் கட்டுப்பாடும் இல்லாமல்), நான் தான் பயன்படுத்த வேண்டும் என நான் சொன்ன உதாரணத்தைப் பயன்படுத்தி, என் பாணியை எழுதுவதற்கு,

.main-content {color: # F00; }

மற்ற காரணங்களான அணுகல்தன்மை மற்றும் உலாவி இணக்கத்தன்மை ஆகியவை அடங்கும். உங்கள் HTML தவறாக உள்ளமைக்கப்பட்டிருந்தால், அது வாசகர்களுக்கும் பழைய உலாவிகளுக்கும் திரைக்கு அணுகக்கூடியதாக இருக்காது - உலாவிகளில் சரியாக ஒரு பக்கத்தை எப்படி வடிவமைப்பது என்பதைக் கண்டுபிடிக்க முடியாவிட்டால், இது ஒரு பக்கத்தின் காட்சி தோற்றத்தை உடைக்கக்கூடும், ஏனென்றால் HTML உறுப்புகள் மற்றும் குறிச்சொற்களை இடம் இல்லை.

கடைசியாக, நீங்கள் முற்றிலும் சரியான மற்றும் செல்லுபடியான HTML எழுத முயற்சிக்கிறீர்கள் என்றால், நீங்கள் சரியான கூட்டை பயன்படுத்த வேண்டும். இல்லையெனில், ஒவ்வொரு மதிப்பீட்டாளர் உங்கள் HTML ஐ தவறாக கொடியிடுவார்.