Etsi semanttisia tunnisteita tämän HTML5-robotin avulla

HTML5-dokumenttityyppi muuttui paljon frontend-koodauksen maailmassa. Uusi standardi sisälsi joukon uusia elementtejä, joista monet ovat nyt semanttisesti tarkempia kuin yksinkertaiset divs.

Mutta miten tiedät, mikä elementti on paras osa-navigointiin tai sivupalkkiin? Kysy vain HTML5-robotilta.

Tämä ilmainen webapp kertoo täsmälleen mitkä tunnisteet ovat paras valinta HTML-sivulle. Se pitää ensin semantiikkaa ja kertoo, mitä tunnisteita pitäisi toimia parhaiten tilanteessa.

Voit aloittaa vastaamalla tiettyihin kyllä ​​ja ei kysymyksiin, jotta voit määrittää, minkä tyyppistä sivuelementtiä olet rakentamassa. Sieltä HTML5 Robot laskee kaikki uusimmat HTML5-elementit ja löytää täydellisen ottelun tarpeisiisi.

Jokainen kysymykset auttavat määrittämään, onko sivuelementti osa pääsisältöä, lisävaruste, tai jotain muuta.

Sinun tarvitsee vain vastata noin 5 kysymykseen, ennen kuin etsit tarvitsemasi tunnistetta, joten tätä ei ole liian vaikea käyttää. Jopa newbie-kooderit voivat oppia rakastamaan HTML5-robottia!

Tällä hetkellä tämä webapp on julkaistu sekä englanniksi että ranskaksi. Tulevaisuudessa voi olla enemmän käännöksiä, mutta epäilemättä tämä on arvokas työkalu semanttisen etuosan koodaukseen.

Se on Webflow-alustalla, ja tämä koko asia on rakennettu Webflow-projektina.

Tutustu pääsivulle ja katso mitä mieltä olet. Jos sinulla on kysymyksiä tai ideoita, voit jakaa ne sivuston kehittäjän @vinchubang kanssa.