Mimọ awọn HTML5 IPIN Element
Nigbati HTML5 burts pẹlẹpẹlẹ si ipele naa ni awọn nọmba ọdun diẹ sẹhin, o fi kun awọn ẹgbẹ ti awọn eroja tuntun si langauge, pẹlu ipilẹ IPIN. Ọpọlọpọ awọn eroja tuntun ti HTML5 agbekale ti ko ni lilo. Fún àpẹrẹ, a ti lo òwe náà láti ṣàpèjúwe àwọn ohun èlò àti àwọn ojú-ewé pàtàkì ti ojúlé wẹẹbù kan, a ti lo òwe náà láti ṣàpèjúwe àkóónú tó jẹmọ èyí tí kò ṣe pàtàkì sí ìyókù ojú-ewé náà, àti akọwé, nav, àti ẹlẹsẹ jẹ àfidánmọ ara ẹni. Bọtini tuntun ti a fi kun IPIN apakan, sibẹsibẹ, jẹ diẹ ti ko kere.
Ọpọlọpọ awọn eniyan gbagbọ pe awọn ero HTML IPIN ati pe o jẹ ohun kan kanna-awọn ohun elo ti o wa jakejado ti a lo lati ni akoonu lori oju-iwe ayelujara kan. Otito, sibẹsibẹ, ni pe awọn eroja meji wọnyi, lakoko ti o jẹ pe awọn nkan ti o jẹ eroja, jẹ ohunkohun bii jeneriki. Awọn idi pataki kan lati lo mejeeji ipilẹ IPIN ati ẹya DIV - ati yi article yoo ṣe alaye awọn iyatọ naa.
Awọn ipin ati Awọn iyatọ
Aṣayan IPIN ni a ṣalaye bi aaye abalaye ti oju-iwe wẹẹbu tabi aaye ti kii ṣe pe pato pato pato (bi apẹẹrẹ tabi akosile). Mo maa n lo eleyi yii nigba ti mo n ṣe afiṣilẹ apakan apakan kan ti oju-iwe - apakan ti o le ṣe tita ni kiakia ati lo lori awọn oju-ewe miiran tabi awọn ẹya ara ẹrọ yii. O jẹ ohun kan ti o ni pato, tabi "apakan" ti akoonu, ti o ba fẹ.
Ni idakeji, iwọ lo ẹya DIV fun awọn apakan ti oju-iwe ti o fẹ pinpin, ṣugbọn fun awọn idi miiran ju awọn alailẹgbẹ . Emi yoo fi ipari si agbegbe ti akoonu ni pipin ti o ba jẹ ki n ṣe bakanna lati fun ara mi ni "kio" lati lo pẹlu CSS. O le ma jẹ apakan apakan ti akoonu ti o da lori awọn semani, ṣugbọn nkan kan ni mo n ṣalaye lati le ṣe atẹle oju-iwe ti Mo fẹ fun oju-iwe mi.
O & # 39; s Gbogbo About Semantics
Eyi jẹ ero idaniloju lati ni oye, ṣugbọn iyatọ ti o wa laarin ẹya DIV ati ipinfunni IPIN jẹ alamọde. Ni awọn ọrọ miiran, itumọ abala koodu ti o pin si oke.
Eyikeyi akoonu ti o wa ninu ẹya DIV ko ni imọran ti ko ni nkan. O ti dara julọ fun awọn ohun bi:
- CSS aza ati awọn iwọ mu fun CSS aza
- Awọn apoti ipilẹ
- JavaScript hooks
- Awọn ipin fun HTML lati jẹ ki o rọrun lati ka
Ẹya DIV ti a lo lati jẹ nikan ipinnu ti a ni fun fifi awọn i fi ranṣẹ lati ṣajọ awọn iwe wa ati ṣẹda awọn ọwọn ati awọn ipilẹ fancy. Nitori eyi, a pari pẹlu HTML ti a ti fi awọn ohun elo DIV ti o ti ṣinṣin-ohun ti awọn apẹẹrẹ ayelujara le pe "divitis". Awọn olootu WYSIWYG tun wa ti o lo awọn ẹya DIV nikan. Mo ti sọ gangan ṣiṣe awọn kọja HTML ti o lo awọn DIV ano dipo fun fun awọn paragile!
Pẹlu HTML5, a le bẹrẹ lilo awọn eroja apakan lati ṣẹda awọn iwe apejuwe awọn arojuwe diẹ sii (lilo fun lilọ kiri ati fun awọn nọmba apejuwe ati bẹbẹ lọ) ati tun setumo awọn aza lori awọn eroja naa.
Kini Nipa Span Element?
Iyatọ miiran ti ọpọlọpọ eniyan ro nipa nigba ti wọn ronu nipa ẹya DIV jẹ ero. Aṣayan yii, bi DIV, kii ṣe ipinnu irufẹ. O jẹ iṣiro inline ti o le lo lati fi awọn fi iwọ mu fun awọn aza ati awọn iwe afọwọkọ ni ayika awọn bulọọki inline ti akoonu (nigbagbogbo ọrọ). Ni ori ti o dabi pe o jẹ ẹya DIV, nikan inline dipo ju ohun kan . Ni diẹ ninu awọn ọna, o le rọrun lati ronu DIV gẹgẹbi ipilẹ SPAN kan ti o jẹ abawọn-ati ki o lo o ni ọna kanna ti o ṣe SPAN nikan fun gbogbo awọn akoonu ti HTML.
Ko si iyasọtọ isọnti ti o wa ni ila ni HTML5.
Fun Awọn ẹya agbalagba ti Internet Explorer
Paapa ti o ba ṣe atilẹyin awọn ẹya ti o pọju ti IE (bii IE 8 ati isalẹ) ti ko daabobo HTML5, o yẹ ki o ko le bẹru lati lo awọn afihan afihan sẹẹmu. Awọn semantic yoo ran ọ ati ẹgbẹ rẹ ṣakoso awọn oju-iwe ni ọjọ iwaju (nitori o yoo mọ pe apakan naa ni akopọ ti o ba wa ni ayika nipasẹ ẹya ẹda). Pẹlupẹlu, awọn aṣàwákiri ti o ṣe afiṣe awọn afiwe wọnyi yoo ṣe atilẹyin fun wọn dara.
O tun le lo HTML5 awọn eroja ti o wa ni apakan pẹlu Internet Explorer, o kan nilo lati fi awọn iwe afọwọkọ silẹ ati o ṣee ṣe awọn ohun elo DIV diẹ ẹ sii lati gba wọn lati da awọn afihan bi HTML.
Lilo awọn DIV ati ipinfunni Ẹya
Ti o ba nlo wọn ni ọna ti o tọ, o le lo awọn DIV mejeji ati awọn ẹya Bakanna papo ni iwe HTML5 ti o wulo. Gẹgẹbi o ti ri nibi ni abala yii, iwọ lo Ẹka ipilẹṣẹ lati ṣafihan ipinnu ti o ni imọran ti akoonu naa, ati pe o lo ẹya DIV gẹgẹbi awọn iwọki fun CSS ati JavaScript bi o ṣe ṣalaye ifilelẹ ti ko ni ìtumọ itumọ kan.
Atilẹkọ article nipasẹ Jennifer Krynin. Edited by Jeremy Girard lori 3/15/17