To taub HTML5 seem theem
Thaum HTML5 burts rau lub scene ntau xyoo dhau los, nws ntxiv ib pawg ntawm seem tshiab rau lub langauge, nrog rau cov theem SECTION. Feem ntau ntawm cov ntsiab lus tshiab uas HTML5 qhia muaj tseeb siv. Piv txwv, lub caij yog siv los txhais cov khoom thiab qhov tseem ceeb ntawm cov nplooj ntawv web, lub ntsiab yog siv los txhais cov ntsiab lus uas tsis tseem ceeb rau cov seem ntawm nplooj ntawv, thiab header, nav, thiab footer yog tus kheej zoo nkauj. Tus tshiab khiv ntxiv SECTION keeb, tiam sis, yog me ntsis meej meej.
Ntau tus neeg ntseeg tias cov ntsiab lus HTML ntawm SECTION thiab yog tiag tiag tib yam nkaus-cov ntsiab lus dav dav siv los muaj cov ntsiab lus ntawm cov nplooj ntawv web. Qhov tseeb tiag, txawm li cas los xij, yog tias ob lub ntsiab lus no, thaum ob qhov khoom ntim, yog txhua yam, tiam sis tsis tseemceeb. Nws muaj qhov laj thawj tshwj xeeb los siv ob qho tib si lub CIM NPE thiab DIV keeb - thiab lub tshooj no yuav piav qhia txog qhov txawv.
Seem thiab Divs
Lub Npe Qib Ib (SECTION element) txhais tias yog ib qho tseem ceeb ntawm lub vev xaib lossis qhov chaw uas tsis yog lwm hom tshwj xeeb (xws li cov ntawv sau los yog ib sab). Kuv yuav siv lub sijhawm no thaum kuv kos npe txog ib seem ntawm nplooj ntawv - ib seem uas tau lag luam yuav luam tawm thiab siv lwm nplooj ntawv los yog qhov chaw ntawm qhov chaw. Nws yog ib qho ntawm cov ntsiab lus, los yog "ntu" ntawm cov ntsiab lus, yog tias koj xav tau.
Hauv kev sib piv, koj siv lub ntsiab DIV rau feem ntawm nplooj ntawv uas koj xav sib faib, tab sis rau cov hom phiaj tsis yog semantics . Kuv yuav qhwv thaj chaw ntawm cov ntsiab lus hauv kev faib yog tias kuv tab tom ua kom yooj yim rau kuv tus kheej ib qho "sib txuas" siv nrog CSS. Nws yuav tsis yog ib qho ntawm cov ntsiab lus ntawm cov ntsiab lus raws li semantics, tab sis yog ib yam kuv tabtom hais kom ua tau raws li qhov kuv xav tau rau kuv nplooj ntawv.
Nws & # 39; All About Semantics
Qhov no yog ib lub ntsiab lus tseem ceeb kom to taub, tiam sis tsuas yog qhov txawv ntawm DIV lub keeb thiab cov theem SECTION. Hauv lwm lo lus, nws yog lub ntsiab lus ntawm ntu ntawm cov cai koj tau faib ua.
Cov ntsiab lus uas muaj nyob rau hauv lub hauv paus DIV tsis muaj lub ntsiab lus tseem ceeb. Nws yog qhov zoo tshaj plaws rau cov khoom xws li:
- CSS yeej thiab hooks rau CSS hom
- Layout lub tais
- JavaScript hooks
- Divisions rau HTML ua kom yooj yim nyeem ntawv
Lub caij DIV siv los ua lub caij tsuas peb muaj rau kev ntxiv hooks rau peb cov ntaub ntawv thiab tsim kab thiab qhov zoo nkauj layouts. Vim tias, peb twb nrog HTML uas yog riddled nrog DIV ntsiab-dab tsi yuav web designers hu ua "divitis." Muaj txawm WYSIWYG editors uas siv lub DIV element heev dua lwm yam. Kuv 'lwm yeej khiav thoob HTML uas siv lub caij DIV siv rau paragraphs!
Nrog HTML5, peb tuaj yeem pib siv cov ntsiab lus los tsim cov ntaub ntawv tseem ceeb tshaj plaws (siv rau kev sib tw thiab rau cov lus qhia ntxaws thiab lwm yam) thiab tseem txhais tau cov kev cai ntawm cov ntsiab lus.
Hais txog SPAN Element?
Lwm lub caij uas neeg feem coob xav tias thaum lawv xav txog DIV keeb yog lub caij. Lub caij no, zoo li DIV, tsis yog lub ntsiab lus tseem ceeb. Nws yog ib qho ntawm cov qauv uas koj siv tau los ntxiv cov hooks rau cov qauv thiab cov ntawv sau nyob ib sab hauv cov ntawv hauv cov ntawv (feem ntau cov ntawv nyeem). Nyob rau hauv qhov kev nkag siab tias nws yog raws nraim li lub caij DIV, tsuas yog khij xwb tsis yog ib qho chaw ntiag tug . Nyob rau hauv ib co kev, nws yuav yooj yim dua xav txog DIV li theem block SPAN thiab siv nws tib yam li koj xav SPAN rau tag nrho cov blocks ntawm HTML cov ntsiab lus.
Yog tsis muaj qhov sib piv inline section hauv HTML5.
Rau Laus Versions ntawm Internet Explorer
Txawm hais tias koj tau txhawb dramatically older versions of IE (zoo li IE 8 thiab qis) uas tsis zoo txaus siab pom HTML5, koj tsis txhob ntshai siv cov HTML tag nrho cov ntsiab lus tseem ceeb. Lub tswv yim yuav pab koj thiab koj pab neeg saib xyuas cov nplooj ntawv yav tom ntej (vim tias koj yuav paub tias qhov ntawv yog qhov tsab xov xwm no yog tias nws nyob puag ncig ntawm ARTICLE). Ntxiv rau, browsers uas paub txog cov cim npe yuav txhawb lawv zoo dua.
Koj tseem siv tau cov HTML5 semantic tshooj ntsiab lus nrog Internet Explorer, koj tsuas yog yuav tsum tau ntxiv cov ntawv sau thiab tejzaum nws ob peb lwm DIV cov ntsiab lus kom tau txais lawv los cim tau cov cim npe ua HTML.
Siv DIV thiab SECTION ntsiab
Yog tias koj siv lawv kom raug, koj tuaj yeem siv DIV thiab SECTION cov ntsiab lus ua ke nyob rau hauv ib qho ntaub ntawv HTML5. Raws li koj tau pom ntawm no hauv tsab xov xwm, koj siv SECTION lub caij los txheeb xyuas cov semantically discrete feem ntawm cov ntsiab lus, thiab koj siv lub DIV cov khoom raws li hooks rau CSS thiab JavaScript thiab ntxiv cov teeb tsa uas tsis muaj lub ntsiab lus tseem ceeb.
Thawj tsab xov xwm los ntawm Jennifer Krynin. Edited by Jeremy Girard rau 3/15/17