Thiab Thaum Yuav Siv ARTICLE, ASIDE, thiab DIV
Tus tshiab HTML5 SECTION lub caij yuav ua dog dig ruam. Yog tias koj twb tau tsim HTML cov ntaub ntawv ua ntej HTML5 lawm, koj yeej tseem siv lub caij los tsim cov khoom sib cais hauv koj cov nplooj ntawv thiab tom qab ntawd koj cov nplooj ntawv nrog lawv. Yog li nws yuav zoo li zoo nkaus li ib txwm ua kom tsuas yog koj hloov DIV cov ntsiab lus nrog SECTION ntsiab. Tab sis qhov no yog technically tsis muaj tseeb. Thiaj li yog tias koj tsis txhob hloov DIV cov ntsiab lus nrog SECTION ntsiab, koj siv lawv li cas?
Theem Qib Element yog Ib Qho Yeeb Yam Semantic
Thawj qhov kom to taub yog tias lub CIM NPE yog ib qho kev kawm sib txawv. Qhov no txhais tau hais tias nws muab lub ntsiab lus rau ob leeg neeg siv khoom siv thiab cov tib neeg hais txog dab tsi hauv cov ntsiab lus hauv no yog-raws li ib feem ntawm daim ntawv.
Qhov no yuav zoo li zoo li ib qho kev piav qhia semantic heev, thiab yog vim nws yog. Muaj lwm cov ntsiab lus HTML5 uas muaj ntau dua qhov sib txawv me ntsis rau koj cov ntsiab lus uas koj yuav tsum tau siv ua ntej koj siv SECTION:
- ARTICLE
- ASIDE
- NAV
Thaum Siv Qib Npe Zauv
Siv cov khoom ARTICLE thaum cov ntsiab lus yog ib feem ntawm lub tsev kawm ntawv uas tuaj yeem sawv ib leeg thiab ua tau zoo ib yam li ib tsab xov xwm los yog blog xa mus. Siv ASIDE lub ntsiab lus thaum cov ntsiab lus cuam tshuam nrog rau cov ntsiab lus ntawm nplooj ntawv lossis qhov chaw nws tus kheej, xws li cov kev cai, cov ntawv sau, cov ntawv sau tawm, los yog cov lus qhia ntawm thaj chaw. Siv lub ntsiab NAV rau cov ntsiab lus uas yog navigation.
Lub NQE SECTION yog lub ntsiab lus tseem ceeb ntawm semantic. Koj siv nws thaum tsis muaj lwm cov khoom ntim semantic uas tsim nyog. Koj siv nws los ua ke feem ntawm koj daim ntawv ua ke rau hauv cov pawg ntiag tug uas koj tuaj yeem piav qhia tau raws li qee txoj kev. Yog hais tias koj tuaj yeem piav txog cov ntsiab lus hauv seem hauv ib los yog ob kab lus, ces tej zaum koj yuav tsum tsis txhob siv lub npe.
Xwb, koj yuav tsum siv lub DIV keeb. Lub caij DIV hauv HTML5 yog lub ntsiab lus tsis yog semantic. Yog hais tias cov ntsiab lus uas koj tabtom sim ua ke tsis muaj lub ntsiab lus tseem ceeb, tab sis koj tseem yuav tsum tau muab nws tso rau styling, ces lub DIV keeb yog lub caij tsim nyog siv.
Yuav ua li cas rau txoj haujlwm ECHO
Ib ntu ntawm koj daim ntawv tuaj yeem tshwm ua cov ntim txheej rau cov khoom thiab ASIDE cov khoom. Nws kuj tseem muaj cov ntsiab lus uas tsis yog ib qho ntawm daim duab lossis ASIDE. IB LUB NQE SECTION tuaj yeem pom muaj hauv ib qho ARTICLE, NAV, lossis ASIDE. Koj tuaj yeem siv zes seem los qhia tias ib pawg ntawm cov ntsiab lus yog ib feem ntawm lwm pawg ntawm cov ntsiab lus uas yog ib feem ntawm ib tsab xov xwm los yog cov nplooj ntawv tag nrho.
Theem SECTION tsim cov khoom hauv ib qho qauv ntawm daim ntawv. Thiab zoo li no, koj yuav tsum tau muaj lub npe (H1 txog H6) ua ib feem ntawm ntu. Yog tias koj tuaj yeem tsis tuaj nrog ib lub npe rau hauv seem, ces dua DIV keeb yog zaum dua. Nco ntsoov, yog tias koj tsis xav kom lub npe ntawm nplooj ntawv tshwm, koj tuaj yeem siv daim npog ntsej muag nrog CSS.
Thaum Tsis Siv Kev Siv Qib Ib
Tshaj li cov lus qhia saum toj no los siv cov ntsiab lus tseem ceeb tshaj plaws ua ntej, muaj ib thaj chaw uas koj tsis tsim nyog siv SECTION: rau cov lus xwb.
Hauv lwm lo lus, yog tias tsuas yog vim li cas koj nyob nraum sau ib qho nyob rau hauv qhov chaw ces muab CSS cov khoom coj los ua ke, koj yuav tsum tsis txhob siv ib qho SECTION. Nrhiav ib qho kev kawm semantic los yog siv lub caij DIV xwb.
Thaum kawg nws yuav tsis khoom
Ib qho nyuaj rau kev sau ntawv semantic HTML yog qhov tseemceeb rau kuv tej zaum yuav hais lus dev rau koj. Yog tias koj xav tias koj tuaj yeem siv cai siv cov CIM NPE hauv koj cov ntaub ntawv, ces koj yuav tsum siv nws. Cov neeg siv feem ntau tsis tuaj yeem saib xyuas thiab yuav pom cov nplooj ntawv raws li koj xav tau seb koj puas nyiam DIV lossis ib qho SECTION.
Rau cov neeg tsim qauv uas nyiam ua qhov tseeb, siv cov CIM NPE hauv ib qho kev siv sib xyaw es thiaj li tseem ceeb. Rau cov tsim qauv uas cia li xav kom lawv cov nplooj ntawv ua haujlwm, uas tsis tseem ceeb. Kuv ntseeg hais tias kev sau ntawv tseem ceeb siv HTML yog qhov kev xyaum zoo thiab ua rau cov nplooj ntawv dhau los ua pov thawj. Tab sis thaum kawg nws yog txog koj.