Nheyo inokosha yeWorld Standards movement iyo inokonzera mhizha yatinayo mazuva ano ipo pfungwa yekushandisa HTML zvinyorwa kune zvavari pane kuti vangaonekwa sei mumushanduri kuburikidza. Izvi zvinozivikanwa sekushandisa Semantic HTML.
Chii chinonzi Semantic HTML
Semantic HTML kana semantic markup ndeye HTML inotaurira zvinoreva peji yewebhu pane kungoita mharidzo. Somuenzaniso, pane
tate inoratidza kuti zvakanyorwa zvakanyorwa ndima.
Izvi zvose zviri semantic uye zvinokurudzira, nokuti vanhu vanoziva kuti ndima ndedzipi uye vashandisi vanoziva kuti vanozviratidza sei.
Pamusoro pechikamu chechikamu ichi, marati akaita se uye haasi semantic, nokuti anotsanangura chete kuti mashoko acho anofanira kutarisa sei (bold or italic) uye haapi chero humwe humwe humwe huwandu hwekuwedzera.
Mienzaniso yezvinyorwa zvemashoko e HTML zvinosanganisira matemo ekutanga
kuburikidza ne , , and . Kune dzakawanda dzakawanda semantic HTML tags dzinogona kushandiswa sezvaunovaka mitemo-inoenderana newebhu.
Chikonzero Nei Uchifanira Kuchengeta Pamusangano Wemashiripiti
Kubatsirwa kwekunyorera semantic HTML kunobva pane izvo zvinofanira kuva chinangwa chokufambisa chero peji yewebhu - chido chokukurukurirana. Nokuwedzera matantic tags kumagwaro ako, unopa mamwe mashoko pamusoro pebhuku iroro, rinobatsira mukukurukurirana. Kunyanya, ma-tags semantic anoita kuti zvive pachena kune chekushandura kuti zvinorehwa peji uye zvarinoreva ndezvipi.
Kunotsanangurwa kwakadaro kunotaurirwawo nevanotsvaga injini, kuve nechokwadi chokuti mapeji akakodzera anounzwa pamibvunzo yakarurama.
Semantic HTML tags inopa ruzivo pamusoro pezviri mukati mematekisi aya anopfuura kupfuura maonero avanoita pane peji. Mhemberero yakaiswa mukati meti inozivikanwa nokukurumidza neshanduro seimwe mhando yekunyora mutauro.
Panzvimbo yekuedza kupa iyo code, shanduro inonzwisisa kuti uri kushandisa zvinyorwa izvi somuenzaniso wekodhi nokuda kwechinangwa chekuverenga kana kuwanikwa kwekune dzimwe nzvimbo.
Kushandisa semantic tags kunokupa zvikoreko zvakawanda zvekunyorera zvako. Zvichida nhasi iwe unoda kuva nemapuropaiti ako samples kuratidzira mumutauro wekushandura unenge uripo, asi mangwana, iwe unoda kuvadana kunze kweguru remuvara weguru, uye gare gare unoda kutsanangura zvakananga mono-spaced font font kana font stack kuti ishandiswe yako samples. Iwe unogona kuita nyore nyore zvinhu zvose izvi uchishandisa semantic markup uye wakashandisa CSS.
Shandisa Matantic Tags Zvakarurama
Apo unoda kushandisa semantic tags kuti utaure zvinorehwa kwete pane zvinangwa zvehurukuro, unofanira kungwarira kuti usashandise zvisiri izvo chete nekuda kwekuratidzwa kwavo kwavanogara. Zvimwe zvemashoko echihedheni anoshandiswa zvisina kunaka zvinosanganisira:
- blockquote - Vamwe vanhu vanoshandisa tag ye indenting text isiri iyo quotation. Izvi ndezvokuti blockquotes inotendwa nekutadza. Kana iwe uchida kungobatsirwa nezvikwereti, asi zvinyorwa hazvisi blockquote, shandisa CSS margins pane.
- p - Vamwe vashandisi vewebhu vanoshandisa
& nbsp; (kusina kuputsa nzvimbo iri mundima) kuti awedzere nzvimbo yakawanda pakati peji yezvinyorwa, panzvimbo yekutsanangura ndima chaiyo yezvinyorwa zvepeji iyoyo. Sezvo nemuenzaniso usina kutaurwa unotsanangurwa, iwe unofanirwa kushandisa marita kana padding style property kuti uwedzere nzvimbo.
- ul - Kufanana ne blockquote, yakavhara mavara mukati me
tag indents iyo mavara mumavhuraji akawanda. Izvi zvose zvisinganzwisisiki uye zvisina kuwanikwa HTML, sezvo mabhuku e - chete anoshanda mukati me
tag. Zvakare, shandisa marita kana padding style kuti ushandise zvinyorwa.
- h1-h6 - Musoro wetema unogona kushandiswa kuita mafonti makuru uye akakwirira, asi kana zvinyorwa zvisiri musoro, hazvifaniri kunge zviri mukati memateti. Shandisa zvinyorwa-ure uye mapepa-masikisi eCSS pane nzvimbo kana iwe uchida kuchinja ukuru kana uremu hwemashoko chaiwo peji rako.
Nokushandisa mabhii e HTML ane zvinoreva, unogadzira mapeji anopa ruzivo rwepamusoro kupfuura nekungopoteredza chinhu ne
tags.
Ndeapi ma HTML Tags Are Semantic?
Kunyange zvazvo inenge tagiti yose yeHTML4 uye matemo ose eI555 ane mazwi echirevo, mamwe mazita ari zvikuru semantic mune zvakasikwa.
Somuenzaniso, HTML5 yakatsanangurira zvinoreva mabhii uye kuti ave semantic. Iko b bhokisi haina kureva kukoshesa, asi pane zvinyorwa zvinowanzoshandurwa zvakajeka. Iti tag hainawo kuratidza kukoshesa zvakanyanya kana kusimbiswa, asi zvinoreva chirevo chinowanzoshandurwa mumitambo.
Semantic HTML Tags
Kuverenga Acronym
Long quotation Tsanangudzo Tsamba yemunyori (s) yedhidhiyo Citation Code reference Teletype mashoko Logical division Generic inline style container Mashoko akadzingwa Inyorerwa mavara Kusimbisa Kusimbiswa kwakasimba
Chokutanga-nheyo yepamusoro
Chikamu chechipiri chepamusoro
Chetatu-musoro musoro
Nhamba yechina yepamusoro
Chechipiri-yepamusoro musoro
Nhamba yechitanhatu yepamusoro
Tsanangudzo kuputsa Nyora kuti inyore nemushandisi
Pre-formatted text
Mutsara inline quotation Sample output Subscript Superscript Kusiyana kana kushandiswa kunotsanangurwa mavara
, and . Kune dzakawanda dzakawanda semantic HTML tags dzinogona kushandiswa sezvaunovaka mitemo-inoenderana newebhu.
Chikonzero Nei Uchifanira Kuchengeta Pamusangano Wemashiripiti
Kubatsirwa kwekunyorera semantic HTML kunobva pane izvo zvinofanira kuva chinangwa chokufambisa chero peji yewebhu - chido chokukurukurirana. Nokuwedzera matantic tags kumagwaro ako, unopa mamwe mashoko pamusoro pebhuku iroro, rinobatsira mukukurukurirana. Kunyanya, ma-tags semantic anoita kuti zvive pachena kune chekushandura kuti zvinorehwa peji uye zvarinoreva ndezvipi.
Kunotsanangurwa kwakadaro kunotaurirwawo nevanotsvaga injini, kuve nechokwadi chokuti mapeji akakodzera anounzwa pamibvunzo yakarurama.
Semantic HTML tags inopa ruzivo pamusoro pezviri mukati mematekisi aya anopfuura kupfuura maonero avanoita pane peji. Mhemberero yakaiswa mukati meti inozivikanwa nokukurumidza neshanduro seimwe mhando yekunyora mutauro.
Panzvimbo yekuedza kupa iyo code, shanduro inonzwisisa kuti uri kushandisa zvinyorwa izvi somuenzaniso wekodhi nokuda kwechinangwa chekuverenga kana kuwanikwa kwekune dzimwe nzvimbo.
Kushandisa semantic tags kunokupa zvikoreko zvakawanda zvekunyorera zvako. Zvichida nhasi iwe unoda kuva nemapuropaiti ako samples kuratidzira mumutauro wekushandura unenge uripo, asi mangwana, iwe unoda kuvadana kunze kweguru remuvara weguru, uye gare gare unoda kutsanangura zvakananga mono-spaced font font kana font stack kuti ishandiswe yako samples. Iwe unogona kuita nyore nyore zvinhu zvose izvi uchishandisa semantic markup uye wakashandisa CSS.
Shandisa Matantic Tags Zvakarurama
Apo unoda kushandisa semantic tags kuti utaure zvinorehwa kwete pane zvinangwa zvehurukuro, unofanira kungwarira kuti usashandise zvisiri izvo chete nekuda kwekuratidzwa kwavo kwavanogara. Zvimwe zvemashoko echihedheni anoshandiswa zvisina kunaka zvinosanganisira:
- blockquote - Vamwe vanhu vanoshandisa tag ye indenting text isiri iyo quotation. Izvi ndezvokuti blockquotes inotendwa nekutadza. Kana iwe uchida kungobatsirwa nezvikwereti, asi zvinyorwa hazvisi blockquote, shandisa CSS margins pane.
- p - Vamwe vashandisi vewebhu vanoshandisa
& nbsp; (kusina kuputsa nzvimbo iri mundima) kuti awedzere nzvimbo yakawanda pakati peji yezvinyorwa, panzvimbo yekutsanangura ndima chaiyo yezvinyorwa zvepeji iyoyo. Sezvo nemuenzaniso usina kutaurwa unotsanangurwa, iwe unofanirwa kushandisa marita kana padding style property kuti uwedzere nzvimbo.
- ul - Kufanana ne blockquote, yakavhara mavara mukati me
tag indents iyo mavara mumavhuraji akawanda. Izvi zvose zvisinganzwisisiki uye zvisina kuwanikwa HTML, sezvo mabhuku e - chete anoshanda mukati me
tag. Zvakare, shandisa marita kana padding style kuti ushandise zvinyorwa.
- h1-h6 - Musoro wetema unogona kushandiswa kuita mafonti makuru uye akakwirira, asi kana zvinyorwa zvisiri musoro, hazvifaniri kunge zviri mukati memateti. Shandisa zvinyorwa-ure uye mapepa-masikisi eCSS pane nzvimbo kana iwe uchida kuchinja ukuru kana uremu hwemashoko chaiwo peji rako.
Nokushandisa mabhii e HTML ane zvinoreva, unogadzira mapeji anopa ruzivo rwepamusoro kupfuura nekungopoteredza chinhu ne
tags.
Ndeapi ma HTML Tags Are Semantic?
Kunyange zvazvo inenge tagiti yose yeHTML4 uye matemo ose eI555 ane mazwi echirevo, mamwe mazita ari zvikuru semantic mune zvakasikwa.
Somuenzaniso, HTML5 yakatsanangurira zvinoreva mabhii uye kuti ave semantic. Iko b bhokisi haina kureva kukoshesa, asi pane zvinyorwa zvinowanzoshandurwa zvakajeka. Iti tag hainawo kuratidza kukoshesa zvakanyanya kana kusimbiswa, asi zvinoreva chirevo chinowanzoshandurwa mumitambo.
Semantic HTML Tags
Kuverenga Acronym
Long quotation Tsanangudzo Tsamba yemunyori (s) yedhidhiyo Citation Code reference Teletype mashoko Logical division Generic inline style container Mashoko akadzingwa Inyorerwa mavara Kusimbisa Kusimbiswa kwakasimba
Chokutanga-nheyo yepamusoro
Chikamu chechipiri chepamusoro
Chetatu-musoro musoro
Nhamba yechina yepamusoro
Chechipiri-yepamusoro musoro
Nhamba yechitanhatu yepamusoro
Tsanangudzo kuputsa Nyora kuti inyore nemushandisi
Pre-formatted text
Mutsara inline quotation Sample output Subscript Superscript Kusiyana kana kushandiswa kunotsanangurwa mavara