He aha te Difference i waenganui i te DIV me te Putanga?

Te maamaatanga ki te Tuhinga HTML5 Tuhinga

I te wa e tae mai ana te HTML5 ki te whakaaturanga i etahi tau kua pahure ake nei, ka honoa e ia he huinga o nga huinga waahanga hou ki te langauge, tae atu ki te huānga PAE. Ko te nuinga o nga huinga hou e whakamahia ana e te HTML5 he whakamahinga maama. Hei tauira, ka whakamahia te huanga hei tautuhi i nga tuhinga me nga waahanga matua o te whārangi tukutuku, ka whakamahia te huanga ki te tautuhi i nga ihirangi e pa ana ki te nuinga o te whārangi, me te pane, te nav, me te hiku he tino whakamarama. Ko te mea hou i whakauruhia, ko te ngohe SECTION, engari he iti ake te marama.

He maha nga tangata e whakapono ana ko nga kaupapa HTML te PAINI me te mea ano he mea noa-ko nga momo waahanga tawhito e whakamahia ana ki te whakauru i nga ihirangi kei te whārangi tukutuku. Engari, ko te mea pono, ko enei mea e rua, ahakoa ko nga mea e rua, ko tetahi mea noa. He take whaitake e whakamahi ana i te kaupapa PAINI me te huānga DIV - a ma tenei tuhinga e whakamarama aua rereke.

Nga waahanga me nga Wahanga

Kei te tautuhi te waeine Whiriwhiringa hei waahanga tuhaa o te whārangi tukutuku me te papaaahi kaore ano he momo motuhake atu (penei i te tuhinga, i te taha). Kei te whakamahi ahau i tenei kaupapa ina tohua e ahau he waahanga motuhake o te whaarangi - he waahanga ka taea te neke me te whakamahi i etahi atu waahanga, waahanga ranei o te pae. He momo waahanga motuhake, he waahanga "waahanga" ranei o te ihirangi, ki te hiahia koe.

Engari, ka whakamahi koe i te huānga DIV mo etahi waahanga o te whārangi e hiahia ana koe ki te wehewehenga, engari mo nga take e rere ke atu ana i nga hiko . Ka takahia e ahau tetahi waahanga o te ihirangi i roto i te wehewehenga mēnā kei te mahi tika ahau kia hoatu he "matau" ki a au mo CSS. Kaore he waahanga motuhake o te tuhinga e pa ana ki nga kaupapa hiko, engari ko tetahi mea e whakaatu ana ahau ki te whakatutuki i te tahora e hiahia ana ahau mo taku waahanga.

Ko nga mea katoa e pā ana ki te Semantics

He whakaaro pakeke tenei ki te mohio, engari ko te rereketanga anake i waenganui i te kaupapa DIV me te huānga PAINO ko te whakaari. I etahi atu kupu, ko te tikanga o te wahanga waehere e wehewehe ana koe.

Ko nga ihirangi katoa kei roto i te kaupapa DIV kahore he mahinga whaitake. He pai te whakamahi mo nga mea penei:

Ko te kaupapa DIV i whakamahia hei mahinga anake mo taatau hei whakanui i nga matau ki te hanga i o maatau tuhinga me te hanga i nga pou me nga whakatakotoranga ataahua. Na te mea, ka mutu ko te HTML i whakakikoruatia ki nga huānga DIV-he aha pea ka karangahia e nga kaihoahoa tukutuku "divitis". He kaiwhakahaere WYSIWYG ano hoki i whakamahi i te kaupapa DIV anake. Kua rere ahau i runga i te HTML e whakamahi ana i te kaupapa DIV, kaua mo nga parawae!

Ma te HTML5, ka taea e tatou te whakamahi i nga huinga waahanga hei waihanga i etahi tuhinga tuhi-tuhi-raa (whakamahia mo te whakatere me nga whakaahua whakaahua me te pera ano) me te tautuhi ano hoki i nga momo o aua huinga.

He aha te kaupapa SPAN?

Ko tetahi atu kaupapa e whakaarohia ana e te nuinga o nga tangata i te wa e whakaaro ana ratou ki te kaupapa DIV ko te huanga. Ko tenei huānga, ano he DIV, ehara i te mea e whai hua ana. He mea whaitake tera e taea e koe te whakamahi hei whakapiri i nga matau mo nga momo me nga tuhinga tuhi huri noa i nga poraka taarata o te ihirangi (te nuinga o te tuhinga). I roto i taua tikanga he rite tonu te ahua o te DIV, ko te raina noa atu i te herenga poraka . I etahi wa, kawari ake te whakaaro ki te DIV hei mema SPAN me te whakamahi i te mea rite tonu te SPAN mo nga poraka katoa o te HTML.

Kaore he huinga whakawhitinga raina i te HTML5.

Mo nga Tahiti Tawhito o Internet Explorer

Ahakoa kei te tautoko koe i nga putanga pakeke o te IE (penei IE 8 me te iti iho) e kore e ti'aturihia te HTML5, kaua e wehi ki te whakamahi i nga tohu HTML tika. Ka awhinahia koe e te koiora me to taau whakahaere i te whārangi i te wa kei te heke mai (no te mea ka mohio koe ko taua waahanga te tuhinga ina ka karapotia e te kaupapa TAINE). Ano, ko nga kaitirotiro e mohio ana ko enei tohu ka tautoko ia ratau.

Ka taea tonu e koe te whakamahi i nga huinga waahi whakawhitinga HTML5 me Internet Explorer, ka hiahia koe ki te tapiri i te tuhipoka, me etahi pea mo nga taiao DIV huri noa kia mohio ai ratou ki nga tūtohu hei HTML.

Te whakamahi i te DIV me te Putanga Rangahau

Mena kei te whakamahi tika koe, ka taea e koe te whakamahi i nga huinga DIV me nga PAE whakataunga i roto i te tuhinga HTML5 tika. I a koe i kite i konei i tenei tuhinga, ka whakamahi koe i te huinga SECTION hei tautuhi i nga waahanga motuhake o te tuhinga, a ka whakamahi koe i te huinga DIV hei taputapu mo CSS me JavaScript me te tautuhi i te whakatakotoranga kaore e whai tikanga ana.

He tuhinga taketake na Jennifer Krynin. I whakatikaia e Jeremy Girard i te 3/15/17