DIV ja SPAN

Anonim

ja ovat HTML-koodeja, jotka määrittävät elementtejä HTML-koodissa.

HTML (Hypertext Markup Language) on jäsennelty koodi, jota käytetään verkkosivujen rakentamiseen ja näyttämiseen verkossa, päivittäin, millä tahansa laitteella.

Muut teknologiat ja ohjelmointikielet voidaan integroida HTML: ään tarjoamaan dynaamisia ja kehittyneitä ominaisuuksia verkkosivuilla.

HTML: n ymmärtäminen

Hyperteksti Markup Language (HTML) on laajalti käytetty merkintäkieli ja viittaa verkkoselaimella näkyvään verkkosivun rakennetta ja koodia "takana".

HTML on tekstitiedosto, joka käyttää tiettyä koodia (syntaksia) sivun tyylin, sisällön, ulkoasun ja muodon määrittämiseksi. markup termi tarkoittaa, että tekstiä / koodia valmistellaan käsittelyyn ja esittelyyn, ts. verkkosivuilla, selaimessa.

World Wide Web Consortium (W3C) [i] tunnistaa HTML: n muodolliseksi merkintäkieleksi verkkosivujen kehittämisessä, ja siksi useimmat selaimet tukevat HTML: ää. Joten web-sivuja voidaan kehittää tunnetulla kielellä, jota eri selaimet tulkitsevat helposti sivun suunnittelemaan suunnitelmaan.

Nykyinen versio on edelleen HTML4, mutta se hitaasti poistuu käytöstä, koska HTML5 saa lisää tukea ja käyttöönottoa dynaamisille ja reagoiville verkkosivuille.

Vastavuoroisuus on muuttumassa web-kehityksen keskeiseksi osaksi tarjoten helpomman ja dynaamisemman käyttökokemuksen, joka on mukautettava useisiin laitteisiin, kuten älypuhelimiin, tabletteihin ja kannettaviin tietokoneisiin.

CSS-tyylitiedostot (CSS) on tulossa kiinteä osa dynaamisten ja reagoivien sivujen rakentamista. Se on erillinen tiedosto, joka määrittelee attribuutit jokaiselle elementille, kuten fontti, väri, kohdistus - joten kehittäjällä ei ole ilmaista elementin tyyliä aina, kun sitä käytetään HTML-koodissa.

HTML: n perusrakenne

Jotta saisit kaiken irti kehityskirjasta, noudattamalla tavanomaista tiedostorakennetta ja harkitsemalla parhaan syntaksin käyttö on avainasemassa tuottaa vakaa, tarkoituksellinen ja visuaalisesti houkutteleva verkkosisältö.

HTML-sivulla on elementtien määrittelemä rakenne (kutsutaan myös tunnisteiksi). HTML-koodia kirjoitettaessa nämä elementit näkyvät pareittain - mikä tarkoittaa, että jokainen tagi tarvitsee avaamisen ja sulkemisen. Aloitus ja päättyminen.

Elementti avataan syntaksilla: ja suljettu . / viisto viittaa kyseisen elementin määritelmän loppuun.

Näiden kahden pisteen välillä määritetään elementtiattribuutit ja sisältö.

vähimmäiselementtejä vaaditaan HTML-tiedostolle määritelmä, , (Vain HTML4) ja tunnisteita.

  • DOCTYPE Määritelmä

Määritelmä (DTD) on ensin ilmoitettava HTML-tiedoston ensimmäiseksi tunnukseksi, joten sivun käsittelyn aikana selaimessa tiedetään, minkä tyyppistä tiedostoa se on, ja voi siksi oikein tulkita ja näyttää sivun.

HTML4: ssä on DTD: n muunnelmia (sivun attribuuttien ja elementtien mukaan), mutta tyypillisimmät lausunnot sisällytetään seuraavasti:

DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

tai

DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/strict.dtd”>

DTD HTML5: ssä on paljon yksinkertaisempi:

DOCTYPE HTML>

· HTML, HEAD ja BODY

  • tunniste osoittaa, että se on HTML-tiedosto ja tämä on HTML-elementin juurihakemisto, joka sisältää kaikki muut siinä määritellyt elementit; suositellaan hyvää käytäntöä ja sisällyttämällä kieliominaisuus; esimerkiksi:

DOCTYPE html>

  • vaaditaan HTML4: ssä, mutta ei pakollista HTML5: ssä. Se on elementti, joka sisältää muita tähän dokumentin osaan liittyviä osia, kuten otsikkoa, viittaavia komentosarjoja, tyylien ja metatietojen määrittämistä. Suljettua tunnistetta on käytettävä ennen määrittelyä
  • elementillä on sivun pääsisällö, mukaan lukien taulukot, kuvateksti, listat jne tag on suljettu,
elementti voi nyt loppua. Uuden HTML5: n käyttäminen
elementti on valinnainen sivulle tai muulle sisällön osalle.

HTML-elementit

HTML5 on tuottanut uusia elementtejä kehityksen ja suunnittelun helpottamiseksi, ja se on myös poistanut elementtejä, joita käytetään HTML4: ssä. HTML5: n ja HTML5: n välisten erojen luettelo julkaisee World Wide Web Consortium (W3C) [ii].

HTML DIV TAG

Parannuksia ja uusia elementtejä yhdistettynä CSS: n edistykseen voidaan käyttää tiettyjä elementtejä eri tavoin paremmin ja web-sivut ovat entistä nopeampia ja monipuolisempia ja kauniita. HTML5: llä käytetyllä CSS: llä voi korvata tiettyjä liian käytettyjä elementtejä, kuten

.

tunniste on suosittu erottamalla sivun sisältöä. Kun luot tämän elementin, se lisää automaattisesti tauon

pitämään tekstin tai sisällön yhdessä tekstin sijasta sivun sijasta.

Web-sivuston saavutettavuuden ja hakukoneoptimoinnin avulla tekniikat ovat tulossa varsin tieteeksi ja WC3: n suosittelema ei aina palannut käyttöön

HTML5: ssä.

Esimerkkinä tyylikkäästi muotoillulle mutta yksinkertaiselle blogimuodolle, harkitse uusia HTML5-elementtejä CSS: llä sen sijaan, että käytit sitä

elementti; käytä elementtiä pääsisältöön,
elementti korostaa tai erottaa sivun, otsikon tai alatunnisteen (missä tahansa!) ja