Hjem Sosiale medier Bryte ned elementene til HTML5 - dummies

Bryte ned elementene til HTML5 - dummies

Innholdsfortegnelse:

Video: Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie 2024

Video: Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie 2024
Anonim

Elementer er byggesteinene for HTML. Du bruker dem til å beskrive hvert stykke tekst på din nettside. Elementer består av koder og innholdet i (eller mellom) dekningene. I HTML er det to hovedtyper av elementer:

  • Elementer med innhold bestående av et tagpar og hva som helst tekst sitter mellom åpnings- og lukkekoder i paret

  • Elementer som setter inn noe på siden, ved hjelp av en enkelt tag

Merk par i HTML

Elementer som beskriver innhold, bruker et tagpar for å markere begynnelsen og slutten, med alt mellom det som representerer elementinnholdet. Etikettpar begynner med en åpningstegn, etterfulgt av noe innhold, og slutter med en lukkerkode, slik: Titlene er enkle, innholdet er vanskelig.

Innhold - for eksempel artikler, sider, stykker, overskrifter, tabeller og lister - bruker alltid tagpar, hvor

  • Åpningstegnet () forteller nettleseren, "Elementet begynner her. "

  • Lukkerkoden () forteller nettleseren," Elementet slutter her. "

Faktisk innhold er ting mellom åpnings- og lukkekoder.

Enkeltkoder

Elementer som setter inn noe på en side kalles tomme elementer (fordi de ikke inneholder innhold) og bruker en enkelt tag, slik:. Bilder og linjeskift legger inn noe i en HTML-fil og bruker en enkelt kode (tomt element) - nemlig henholdsvis

I HTML5 krever tomme elementer ikke spesiell behandling. I en tidligere versjon kjent som XHTML (basert på XML-opprettingsspråket), er det nødvendig med tomme elementer for å ende med et skråstrek like før sluttvinkelen, slik at HTML5 (og HTML4, for den saks skyld) vil bli skrevet som.

For bakoverkompatibilitet med HTML4, vil dette ofte bli skrevet som fordi den plassen som går foran slashet, gjorde det mulig for eldre nettlesere å gjenkjenne elementet riktig, selv om de ikke analyserte markeringen som XHTML. Du kan støte på ekstra plass og sluttstrekk på sider du ser på, så ikke la det forstyrre deg. Disse forkortelsene gjelder ikke lenger i HTML5.

For eksempel refererer

-elementet til et bilde. Når nettleseren viser siden, erstatter den

elementet med filen den peker på. (Et attributt peker på.)

Men det kan virke som om det er tiltalende konseptet, men du kan ikke lage dine egne HTML-elementer. Juridiske elementer for HTML tilhører et veldig spesifikt sett - hvis du bruker elementer som ikke tilhører det settet, ignorerer nettleseren dem bare. Elementene du kan bruke er definert i de forskjellige HTML-spesifikasjonene. (HTML5.1-spesifikasjonen finnes på W3C Working Draft-siden.)

Nesting markup

Enkelte HTML-sidestrukturer kan inneholde nestede elementer. Tenk på dem som kofferter som passer pent inn i hverandre. For eksempel bruker en punktliste-liste to typer elementer:

  • Elementet

      angir at listen er uordnet (punktum).

    • Elementet

    • markerer hvert element i listen. (Li står for "listepost.")

    Når du kombinerer elementer ved hjelp av denne tilnærmingen, må du lukke alle elementene i elementelementet før du lukker det uordnede listelementet, slik som dette:

    • Element 1
    • Element 2
Bryte ned elementene til HTML5 - dummies

Redaktørens valg

Grunnleggende nettverk: TCP Session Establishment - Handshaking - dummies

Grunnleggende nettverk: TCP Session Establishment - Handshaking - dummies

For å sende data over TCP i et nettverk, du bør følge den nødvendige oppstartsprosessen, kjent som handshaking, eller mer spesifikt en treveishåndshake fordi det innebærer å fullføre tre IP-pakker. Treveishåndshaken er illustrert i den følgende figuren og involverer disse tre rammene. SYN: Dette er synkroniseringsfasen. Dette TCP-segmentet ...

Grunnleggende om nettverket: TCP / IP og OSI Nettverksmodell sammenligninger - dummies

Grunnleggende om nettverket: TCP / IP og OSI Nettverksmodell sammenligninger - dummies

Internettprotokoll ) versjon 4 (IPv4) er den nåværende standard "IP" protokollen som brukes med TCP / IP - Transmission Control Protocol / Internet Protocol - som er protokollen for Internettadressering. Som OSI-modellen (Open System Interconnection) har TCP / IP sin egen modell. OSI-modellen og TCP / IP-modellene ble begge opprettet uavhengig. TCP / IP-nettverksmodellen ...

Nettverk Brannmur implementering - dummies

Nettverk Brannmur implementering - dummies

En sterk omkrets sikkerhet bidrar til å beskytte nettverket ditt mot eksterne angrep. Hovedelementet på omkretssikkerhetsfronten er en nettverksbrannmur. Du kan distribuere flere typer brannmurer og andre sikkerhetsalternativer. De ulike typer nettverksbrannmurer inkluderer følgende: Pakkefiltrering: Disse brannmurene bruker ACL-er til å inspisere dataene som ...

Redaktørens valg

Slik bruker du Spotify Mobile for første gang - dummies

Slik bruker du Spotify Mobile for første gang - dummies

Når du starter Spotify Mobile, du logg inn med ditt eksisterende Spotify brukernavn og passord, selvfølgelig. Hvis du ikke har en, må du følge linken for å registrere deg! Når du logger på og bruker håndsettet ditt for første gang, må du også bekrefte at du godtar vilkårene. ...

Hvordan å se Album Cover Art på Spotify - dummies

Hvordan å se Album Cover Art på Spotify - dummies

I Spotify, når du spiller en sang, vises albumkunstkunst nederst til venstre i vinduet (klikk på det for å gjøre bildet enda større). Et kult triks i Spotify for å vise omslagskunst for alle sangene i en spilleliste eller mappe - som var en skjult snarvei i alle aldre og ikke ...

Redaktørens valg

Quickbooks og hvite papir forretningsplaner - dummies

Quickbooks og hvite papir forretningsplaner - dummies

Hvis du har QuickBooks Premier eller QuickBooks Enterprise Solutions, kan du velge Firma → Planlegging og budsjettering → Bruk Business Plan Tool-kommandoen til å starte en veiviser som går gjennom prosessen med å skrive en hvittpapir forretningsplan. Folk skriver ofte en forretningsplan for hvitt papir når de vet at de trenger en strategisk plan, men ...

Hurtig tastaturgenveier for QuickBooks 2015 - dummies

Hurtig tastaturgenveier for QuickBooks 2015 - dummies

QuickBooks 2015 gir en rekke nyttige dandy snarveier du kan bruke til å oppnå viktige regnskapsoppgaver. Denne tabellen identifiserer noen av de beste og mest nyttige QuickBooks-snarveiene. Snarveisnøkkel eller tastekombinasjonsresultat + legger til 1 i verdien som er vist i det valgte nummer- eller datafilen - trekker 1 fra verdien ...

Ratioanalyse og QuickBooks 2012 - dummies

Ratioanalyse og QuickBooks 2012 - dummies

Tall fra regnskapene i QuickBooks 2012 er mer fornuftig når du kan sammenligne dem til andre tall og eksterne referanser. Forholdsanalyse er denne typen analyse. Selv om du ikke er en tallerken person, kan du bruke ratio analyse til din fordel. Ratioanalyse er enkel å søke på, og det gjør det mulig å ...