Revisie toepassen in een pagina ins, del, u en s tags

uit de cursus Basiskennis HTML

Revisie toepassen in een pagina ins, del, u en s tags
Geef een waardering

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Basiskennis HTML

perm_identity Belinda | video_library 40 video's | query_builder 2:50:32

In de cursus basiskennis HTML leer je hoe je webpagina’s structureert met de juiste HTML-tags. Om webpagina’s correct te kunnen voorvertonen door browsers is het essentieel dat je de juiste HTML-tags verbindt aan de content. In webdesign is namelijk de content gescheiden met de opmaak. Zoekmachines gebruiken de HTML-structurering om betekenis en waarde aan de content te verbinden. Maak je niet gebruik van de juiste structurering dan zul je dit terugzien in de zoekresultaten. Slecht gestructureerde webpagina’s worden minder goed geïndexeerd

Wat kun je hierna?

Een logische vervolgcursus is de cursus Basiskennis CSS. Hierin leer je de vormgeving van webpagina’s onder de knie te krijgen met CSS. Dit is de werkwijze voor het creëren van prachtige webpagina’s. Eerst zorgen dat de HTML op orde is en vervolgens de vormgeving bepalen met CSS.

Belangrijke onderwerpen in deze online basiscursus zijn:

  • Leren maken van de juiste mappenstructuur voor webproducties voor elke dag
  • Semantische beteknis van HTML-tags
  • Pagina’s structureren met HTML-tags conform het W3C
  • Inzicht in de reglementen van het W3C
  • Tabellen toepassen

Er zijn specifieke html elementen die je kunt gebruiken voor het reviseren van teksten in een webpagina.

En met revisie bedoelen we het controleren en aanpassen en/of verbeteren van de inhoud.

Met de hiervoor specifieke html elementen kun je dit in een document ook visueel maken.

Tegelijkertijd gebruiken zoekmachines deze tags en hun bijbehorende attributen,

om de inhoud en de wijzigingen hierin beter te indexeren.

In dit voorbeeld is er sprake van een naamswijziging.

Hier staat "Wij werken onder de voorwaarden van de BLO".

En daarna "Bond van Webdesigners".

Het was voorheen de BLO en het is geworden De bond van Webdesigners.

Nu kun je er ook voor kiezen om de oude naam te verwijderen en gewoon te vervangen door "Bond voor webdesigners".

Maar je kunt het ook aangeven met het revisie element en dat gaat als volgt.

De BLO is de oude naam.

En ik geef dat aan met het html element en aan het einde van de naam sluit ik af met .

Daarnaast kun je aangeven welke tekst dan de nieuwe en de verbeterde is. en dat is "Bond voor Webdesigners".

En dat geef je aan met het html element . Inserted. En dat sluit je weer af met .

Beide elementen kun je voorzien van attributen. En dat zijn er twee.Je hebt namelijk de 'cite'.

En de 'cite' daarin plaats je de url naar een bestand die uitleg geeft waarom die tekst verwijderd is.

Of waarom die informatie niet meer geldig is.

En dan heb je nog het attribuut 'datetime', waarin je precies kan vermelden vanaf welke datum de tekst geldig is.

Beide attributen zijn optioneel. Ze zijn niet verplicht.

Dus je hoeft ze niet te gebruiken maar soms zijn ze wel handig.

Zo kun je bivoorbeeld hier bij de oude naam een document koppelen die uitlegt waarom die oude naam veranderd is.

En wat de reden erachter is.

Dat kun je dus doen met het attribuut cite=" ".

Dan kijk ik in mijn venster Bestanden.

En zoek naar het bestand wat hierbij hoort. En ik zie hier een mapje in aangemaakt, die heet "docs".

En in mijn mapje "docs" staat een bestand en die gaaat over de BLO-naamswijziging.

En daar wil ik naar refereren.

Dan zal ik eerst moeten aangeven dat hij in het mapje 'docs' moet zoeken. En met de slash (/) geef ik aan, in de map 'docs'.

En daar staat dan vervolgens de naam "BLO_naamswijziging.pdf".

Wel voor zorgen dat je absoluut geen schrijffouten maakt, want het is helemaal letter- en karakter gevoelig.

Ook wil ik graag aangeven op welke datum de nieuwe naam van start is gegaan.

En dat doe je dan met het attribuut datetime.

datetime=" ". En dan moet je dus op de volgende wijze precies aangeven wanneer dat was.

Je noemt altijd eerst het jaartal, dus in dit geval .

Vervolgens met een middenstreepje, breng je de scheiding aan, en noem je de maand. En dat is december.

Weer een scheidings streepje en dan noem je de dag. Het is verplicht dat

het jaartal

uit cijfers bestaat. Dan een scheidings streepje voor de volgende datum aanduiding namelijk de maand.

Die moet ook uit getallen bestaan, dus als het januari is, dan is dat .

Weer een middenstreepje en dan de dag en die moet ook uit cijfers bestaan. Dus in dit geval .

Bekijk een voorvertoning in de browser. Ik heb hier al een voorvertning aanstaan.

Omdat ik mijn venster gedeeld heb en dan geeft dreamweaver ook een voorvertoning.

En dan zie ik dat dreamweaver al een bepaalde opmaak eraan verbindt.

Namelijk de tag wordt doorgestreept en de element en het element.

Als je tekst niet wilt verbeteren, zoals in bovenstaand geval, de oude tekst laten staan en vervolgens de nieuwe tekst aangeeft.

Maar je wilt aangeven dat de tekst als niet meer geldig moet worden verklaard. Maar je wilt hem ook niet verwijderen.

Dan kun je dit aangeven met de .

Stel dat ik hier "rechten en" wil verwijderen. Maar ik dit niet echt, ik wil aangeven dat dit niet meer geldt.

Dan doe ik dat met het html element en aan het einde .

En dan zul je zien dat in de voorvertoning de woorden "rechten en", ook doorstreept worden.

Maar in dit geval gebruik je dat alleen,

als je niet letterlijk de tekst wilt verwijderen, maar je wilt wel dat deze als verwijderd beschouwd wordt.

Dit is de verkorte schrijfwijze voor het html element . Dus ik had dit ook kunnen doen .

Dan het u element. Die lijkt visueel op het element. Stel dat dit verkeerd geschreven was.

En ik wil alleen maar aangeven dat dit verkeerd geschreven is. Dan gebruik ik daarvoor het html element en aan het einde .

En dan wordt dit vervolgens onderstreept weergegeven in de browser.

En dat zou dan moeten betekenen dat dit woord niet klopt.

Eigenlijk wordt afgeraden in html om deze html elementen juist te gebruiken vanwege deze visuele vormgeving.

Die standaard door browsers eraan verbonden worden.

Want alles wat we willen doen met het vormgeven van teksten en webpagina's dat doen we met css.

Dus de voornaamste reden waarom je dat nu zou gebruiken is omdat je extra informatie wil geven aan de browser.

Ik bekijk een voorvertoning in Firefox.

En ik zie inderdaad dat ook firefox de deleted tekst doorstreept, de inserted tekst onderstreept.

De element onderstreept en ook deze weer doorstreept. En dat is het of de element.

Zojuist heb ik aan het element via het 'cite' attribuut gerefereerd naar een bestand.

Maa bezoekers die zien dit dus niet. Dus het is geen link.

Zou je ook de bezoekers dat willen aanbieden. Dan zul je alsnog een aparte link tag moeten maken.