Tags voor logische opmaak van HTML-tekst. Tekst opmaken

Tabellen worden veel gebruikt in elektronische documentatie, en voor webpagina's worden ze niet alleen in de traditionele zin gebruikt, als een manier om te ordenen. presentatie van gegevens, maar ook voor het opmaken van deze pagina's zelf. De beschrijving van de tabel in HTML wordt in de hoofdtekst van het document geplaatst, dat wil zeggen in een container En.<ТАВLЕ>EnBinnen een document is een willekeurig aantal tabellen toegestaan, waarvan sommige genest kunnen zijn. Elke tabel wordt in een container gemaakt

, waar een beschrijving van de structuur van de tabel zelf en de inhoud ervan staat. Elke rij van de tabel wordt na de tag geplaatst<ТН>(Tabelrij). Elke tabelcel binnen een rij is versierd met een tag (Tabelkop) - voor het koptekstgedeelte van de tabel of

(Tabelgegevens) - voor cellen waarin gegevens zich bevinden. Het standaardkoptekstgedeelte is vet en gecentreerd. De standaardweergave van gegevens is normaal (licht) en links uitgelijnd. Opgemerkt kan worden dat voor alle in deze paragraaf opgesomde tags de afsluitende tag optioneel is, dat wil zeggen dat deze kan worden weggelaten. Het aantal rijen in de tabel wordt bepaald door het aantal regeltags , en het aantal kolommen is maximale hoeveelheid<ТН>labels of in een van de lijnen. Een lijn is alles wat volgt op de volgende tag En en tot de volgende dergelijke tag. Voor een tabelcel die geen gegevens bevat, moet u een lege container gebruiken . Als lege cellen

bevinden zich aan het einde van de regel, hun beschrijving kan worden weggelaten - de browser zelf laat het vereiste aantal cellen leeg. En De tabel kan een naam hebben - wat in de redactionele praktijk een thematische kop wordt genoemd (in tegenstelling tot een genummerde kop), en als in een gedrukte editie de kop noodzakelijkerwijs boven de tabel wordt geplaatst, dan kan deze in een elektronische editie zowel als boven en onder. De header bevindt zich in de container<ТАВLЕ>. , De opgegeven container moet in een containertag worden geplaatst

, maar buiten het tagbeschrijvingsgebied of In het etiket LINKS, RECHTS en MIDDEN. U kunt dezelfde parameter echter niet tweemaal in dezelfde tag gebruiken. Daarom, binnen moderne versies taal HTML-parameter ALIGN (standaard ALIGN=LEFT) blijft staan ​​voor horizontale uitlijning, en verticale uitlijning

(preciezer gezegd, het plaatsen van de header boven of onder de tabel) gebeurt met behulp van de VALIGN-parameter.

In het etiket De volgende parameters kunnen worden gebruikt: BORDER, CELLSPACING, CELLPADDING, WIDTH, ALIGN, HEIGHT en BACKGROUND. De parameter BORDER regelt de weergave van een rand rond elke tabelcel (dat wil zeggen, hij stelt de verticale en horizontale rasterlijnen in) en rond de hele tabel, waarbij de waarde de dikte van de rand in pixels rond de hele tabel specificeert, en de Alleen al de aanwezigheid van deze parameter specificeert de rasterlijnen. Betekenis BORDER-parameter

verscheen alleen in versie 3.2 van de HTML-specificatie daarvoor was de dikte van de randen rond de tafel niet gereguleerd.

De parameter CELLSPACING specificeert de afstand tussen horizontaal en verticaal aangrenzende cellen, en deze afstand wordt gespecificeerd in pixels, d.w.z. er wordt zoiets als een frame gemaakt in elke cel, en alleen wanneer CELLSPACING=0 worden deze frames van individuele cellen samengevoegd tot één enkel raster . De parameter CELLPADDING bepaalt de afstand tussen het frame rond de cel en de gegevens daarin, dat wil zeggen de hoeveelheid inspringing van tekens uit het frame. Met CELLPADDING=0 mag de tekst het kader raken, wat vanuit ontwerpperspectief nauwelijks welkom is.

De standaardwaarde is CELLSPACING=2 en CELLPADDING=1, in welk geval de afstand tussen gegevens in aangrenzende cellen gelijk is aan 6 pixels. Met de parameters WIDTH en HEIGHT kunt u de breedte en hoogte van de tabel instellen, zowel in absolute eenheden - pixels, als in relatieve eenheden - percentages relatief aan de grootte van het browservenster. In de meeste gevallen zijn deze afmetingen niet vereist door de browser, omdat deze automatisch de tabelafmetingen berekent, rekening houdend met vele factoren, waaronder de parameters van het document als geheel, het aantal cellen in de tabel en hun vulling. De browser streeft ernaar de breedte van de tabel zo in te stellen dat deze in de browserviewport past en het is niet nodig om horizontaal door de tabel te scrollen, d.w.z. zodat er geen horizontale schuifregelaar is. Opgemerkt moet worden dat zelfs bij het instellen van de waarden van de WIDTH- en HEIGHT-parameters er geen garantie is dat deze door de browser worden gerespecteerd. Als de tafelbreedte, zal de browser proberen de breedte terug te brengen tot de vereiste breedte, waardoor de grootte van de kolommen proportioneel wordt verkleind, en alleen als dit niet lukt, zal de browser de opgegeven tabelbreedte instellen door het venster van een schuifregelaar te voorzien.

De ALIGN-parameter specificeert horizontale uitlijning tabellen in de browserviewport.

Er zijn twee mogelijke waarden voor deze parameter: LEFT en RIGHT, die er elk voor zorgen dat de documenttekst vanaf de andere kant door de tabel stroomt. Dit komt overeen met de franjestabel in de gedrukte editie. Standaard is UITLIJNEN ingesteld op LINKS. Als de parameter ALIGN wordt weggelaten, zal er helemaal geen tekst naast de tabel staan, d.w.z. de tabel zal worden opgemaakt of gestript (wanneer deze verticaal de hele pagina beslaat), om de termen te gebruiken die in gedrukte publicaties worden gebruikt. De parameterwaarde ALIGN=CENTER is niet opgegeven. Als we de tafel echter willen centreren, kunnen we een andere weg inslaan: een container omsluiten
N
En
, waarmee de hele tabel in een container wordt beschreven

.

Sergejev I.D. Lavrov V.V. Voorbeeld weergeven

documentbrowser

, dat het bovenstaande fragment bevat, wordt getoond in Fig. 2.8.<ТАВLЕ>De figuur toont duidelijk het kader rond de tafel en het feit dat de tafel links is uitgelijnd en rechts omgeven is door tekst. De gebruikte tekst is een fragment van de tweede alinea die op deze pagina begint. Houd er rekening mee dat, hoewel de hele tabel links is uitgelijnd, de gegevens in elke rij rechts zijn uitgelijnd. Formeel zou het mogelijk zijn om de tekst in elke cel anders uit te lijnen. Visueel zou het er echter erg lelijk uitzien.<ТН>En

Laten we niet vergeten dat deze laatste een blokniveau heeft, d.w.z. dat hij elke hoeveelheid gegevens die erin wordt geplaatst, formatteert (zie § 2.2).Houd er rekening mee dat de parameter ALIGN ook kan worden gebruikt om gegevens binnen elke tabelcel op te maken, bijvoorbeeld:
Achternaam

Cijfer5
Ivanov A.N. 3Voor een hoogwaardig stripontwerp moeten de gegevens in alle cellen van een tabelkolom gelijk uitgelijnd zijn, d.w.z. in het voorbeeld in Fig. 2.8 zou het mogelijk zijn om de eerste kolom ongewijzigd te laten, en de gegevens in de tweede kolom links (of zelfs midden) uit te lijnen. De parameter BACKGROUND, die al in het bovenstaande voorbeeld werd weergegeven, kan ook worden gebruikt zoals in de tag, en in tags , waarmee de kenmerken van individuele tabelcellen worden gedefinieerd. In alle gevallen bepaalt het achtergrondafbeelding<ТАВLЕ>met behulp van de HREF-parameter. IN nieuwste versie versnelt het proces van het bouwen van een tabel in de browser.

Bij het maken van het koptekstgedeelte van de tabel, minder vaak de zijbalk en de zijbalk (het hoofdgedeelte van de tabel waarin de gegevens zich bevinden), is het nodig om meerdere cellen horizontaal (op een rij) of verticaal te combineren tot één geheel . Gebruik hiervoor de parameters ROWSPAN en COLSPAN, waarvan de eerste meerdere rijen combineert, en de tweede kolommen in één cel. Hieronder vindt u een voorbeeldbeschrijving van een dergelijke tabel.

Cellen in de kop samenvoegen

3 vooruitRubriek 2

Kop 2-1<ТН>Kop 2-2

1 2 3

De onderstaande afbeelding. 2.9 is opgebouwd uit een HTML-document waarvan de hoofdtekst de bovenstaande container bevat

En
met al zijn inhoud. Vergeleken met de tabel in Fig. 2.8, hier met behulp van de tag
een thematische kop toegevoegd, uitgelijnd in het midden van de tabel. In de tabel zijn de frames van de cellen en het frame rond de tafel als geheel duidelijk zichtbaar. De cel Kop 1 heeft twee aaneengeschakelde rijen, en de cel Kop 2 heeft twee aaneengeschakelde kolommen, wat overeenkomt met de HTML-broncode. Op de derde regel worden, zoals vaak wordt gedaan bij lange, smalle tabellen, kolomnummers aangegeven, waardoor u kunt voorkomen dat de hele kop wordt herhaald wanneer u deze naar de volgende pagina verplaatst. Houd er rekening mee dat u met de parameters ROWSPAN en COLSPAN tabelkoppen met meerdere niveaus van elke complexiteit kunt maken

Onder de tags die de lettertypestijl beïnvloeden, zijn er: fysieke en logische opmaaktags. In de meeste gevallen leidt het gebruik van fysieke en logische opmaaktags met een vergelijkbare betekenis tot hetzelfde effect. Het verschil tussen de twee is dat fysieke opmaaktags direct aangeven welke lettertype-eigenschappen moeten worden gewijzigd (bijvoorbeeld vetgedrukt maken), terwijl logische opmaaktags aangeven om wat voor soort tekst het gaat (bijvoorbeeld belangrijk).

Door de intonatie van de tekst te specificeren (dit is wat logische opmaaktags doen) in plaats van de eigenschappen ervan expliciet in te stellen, kunt u de weergave ervan bepalen. Laten we een voorbeeld geven: u vindt dat belangrijke tekst rood moet worden gemarkeerd in plaats van vetgedrukt. Wanneer u logische opmaaktags gebruikt en een browser die deze ondersteunt, kunt u logisch opgemaakte tekst weergeven. Fysiek opgemaakte tekst zal altijd verschijnen zoals de auteur het bedoeld heeft. Als u wilt dat uw tekst vetgedrukt is, gebruikt u uiteraard fysieke opmaak. Anders wordt het aanbevolen om logische opmaaktags te gebruiken.

De scheiding van tags in logische en fysieke opmaak was oorspronkelijk bedoeld om HTML universeel te maken, ook onafhankelijk van het uitvoerapparaat. Theoretisch gezien, als je bijvoorbeeld een spraakbrowser gebruikt, dan is tekst opgemaakt met behulp van tags En , wordt anders gemarkeerd. Het bleek echter dat in populaire browsers het resultaat van het gebruik van deze tags gelijkwaardig is.
Doei equivalent.

Andere logische opmaaktags: - dient om definities te beschrijven; - dient om citaten te benadrukken; - ; - gebruikt voor invoer vanaf het toetsenbord van de gebruiker; - gebruikt om de door programma's geproduceerde resultaten te markeren, om verschillende tekens in een monospace-lettertype te markeren: ; - gebruikt voor symbolische variabelen; - gebruikt voor afkortingen (CIS, CPSU, WWW); - gebruikt voor afkortingen (pagina, Engels) met het TITLE-attribuut; - geciteerde tekst tussen aanhalingstekens.

Labels En worden gebruikt wanneer u uzelf eraan moet herinneren dat een bepaald stuk tekst (of al) ingevoegd of verwijderd. Ze worden gebruikt bij het maken van een website door een groep ontwerpers. Kan datetime-, cite- en titelattributen hebben. Bij datetime kunt u de datum en het tijdstip van verwijderen/invoegen opgeven. De cite bevat een link naar een URL die een uitleg van de passage bevat. Bij titel wordt uitleg rechtstreeks in de tag ingevoegd.

Verwar het label niet met label 

Is een blokniveau-element dat moet worden gebruikt om grote stukken code te markeren!



Logische en fysieke opmaak
Om de tekst van HTML-documenten op te maken, is er een hele groep tags beschikbaar, die in tags kunnen worden onderverdeeld logisch En fysiek opmaak.
Logische opmaaktags geven (met hun naam) de structurele typen van hun aan tekstfragmenten, zoals bijvoorbeeld programmacode
(label 
), citaat(label<СIТЕ>
), afkorting(label< ABBR >) enz.
Tags gebruiken<ЕМ>En u kunt bijvoorbeeld individuele fragmenten markeren als toegewijd,of sterk benadrukt.Let op waar we het over hebben O structurele markeringen, wat geen invloed heeft op de specifieke schermweergave van het fragment door de browser.  Dat is de reden waarom deze markup wordt genoemd logisch.
Browsers geven standaard opgemaakte fragmenten op een specifieke manier op het scherm weer.  Het type display heeft er niets mee te maken structureel type fragment (d.w.z. de naam van een logische opmaaktag), maar kan eenvoudig worden overschreven.
Fysieke opmaaktags definiëren weergaveformaat het tekstfragment dat daarin in het browservenster is opgegeven.
Bijvoorbeeld om een ​​fragment weer te geven cursief je kunt cursieve tags gebruiken 
.
Tussen ontwikkelaars van HTML-documenten voor een lange tijd Er waren discussies over de voor- en nadelen van de ene of de andere aanpak.  Met de release van de HTML 4.0-specificatie eindigde dit debat in het voordeel van logische opmaak, omdat het principe van het scheiden van de documentstructuur en de presentatie ervan werd verkondigd.  Alleen op basis van logische opmaak kunt u de presentatie van een document flexibel beheren met behulp van moderne methoden(op basis van stylesheets, dynamisch veranderende documenten, etc.).
Echter, op huidige moment Fysieke opmaak kan ook vrij worden gebruikt.  De HTML 4.0-specificatie heeft een aantal fysieke opmaaktags beëindigd, maar deze worden nog steeds door alle browsers ondersteund.  Houd er rekening mee dat sommige logische opmaaktags, ontworpen om individuele fysieke opmaaktags te vervangen, niet door alle browsers worden herkend, wat het gebruik ervan uiterst lastig maakt.
 
Logische tekstopmaaktags
 
Label 
Label< ABBR > markeert uw tekst als afkorting(Afkorting).
Taal HTML werd rond 1991-1992 ontwikkeld door de Britse wetenschapper Tim Berners-Lee binnen de muren van de Europese Raad voor Nucleair Onderzoek in Genève (Zwitserland).
 
Label 
Label< HTML is gemaakt als taal voor de uitwisseling van wetenschappelijke en technische documentatie, geschikt voor gebruik door mensen die geen specialist zijn op het gebied van lay-out. ACRONIEM >< ABBR >.  Hetzelfde als label , gebruikt om afkortingen te markeren.  Het wordt aanbevolen om met deze tag de zogenaamde acroniemen< HTML is gemaakt als taal voor de uitwisseling van wetenschappelijke en technische documentatie, geschikt voor gebruik door mensen die geen specialist zijn op het gebied van lay-out.,T.  e. gesproken woorden bestaande uit afkortingen.  Label
Deze tag is handig om te gebruiken in combinatie met de parameter TITLE, waarvan de waarde kan worden opgegeven als de volledige versie van de afkorting.  Vervolgens visuele browsers wanneer u over tekst beweegt die is gemarkeerd met een tag< HTML is gemaakt als taal voor de uitwisseling van wetenschappelijke en technische documentatie, geschikt voor gebruik door mensen die geen specialist zijn op het gebied van lay-out., wordt de volledige naam weergegeven als tooltip.
TPU.
 
Label H1...H6
HTML biedt zes kopjes op verschillende niveaus, die het relatieve belang van de sectie na de kop aangeven.  Ja, labelen 
vertegenwoordigt de belangrijkste kop van het eerste niveau en de tag 
dient om de kop van het zesde niveau aan te duiden en is het minst significant.  Standaard wordt de kop op het eerste niveau weergegeven in het grootste vetgedrukte lettertype, terwijl de koppen op volgende niveaus kleiner zijn.  Labels 

... 
verwijzen naar blok elementen, beginnen ze altijd op een nieuwe regel, en daarna verschijnen andere elementen op de volgende regel.  Bovendien wordt er witruimte toegevoegd voor en na de titel.  Het uiterlijk van de koptekst kan eenvoudig worden bepaald met behulp van stijlen.
Koptekst van het eerste niveau


Kop van het tweede niveau


Kop van het derde niveau
In de browser ziet het er als volgt uit:
 
Label<СIТЕ>
Label gebruikt om citaten of titels van boeken en artikelen, links naar andere bronnen, enz. te markeren. Browsers geven dergelijke tekst meestal cursief weer.

 Je kunt niet tegen iemand zeggen: “Je kunt creëren. Dus ga je gang, creëer.”  Het is veel juister om te wachten tot hij zelf zegt: “Ik kan creëren, en ik zal creëren, of je het nu wilt of niet.”



Isaak Asimov
 
Label 
Label markeert uw tekst als klein stukje code Meestal weergegeven in monospace-lettertype.  Deze tag moet niet worden verward met de tag 
Dit is een blokniveau-element dat moet worden gebruikt om te markeren grote fragmenten (lijsten) code.

 
Programmacode

 

 functiecontroleParent (src, dest) ( 
terwijl (src != nul) ( 
if (src.tagName == dest) retourneert src 
src = src.parentElement 

 } 
retourneert nul 

 }
 
 








Label 
Label markeert uw tekst als op afstand.Dit element is handig voor het markeren van wijzigingen die van versie tot versie in een document zijn aangebracht.  Label kan worden gebruikt als element op tekstniveau en als element op blokniveau.
De tag heeft twee optionele parameters: CITE en DATETIME.  De waarde van de CITE-parameter moet een URL zijn naar een document waarin wordt uitgelegd waarom het fragment is verwijderd.
De DATETIME-parameter specificeert de verwijderingsdatum in het formaat: JJJJ-MM-DDTuu:mm:ssTZD, die het jaar, de maand, de dag, de uren, de minuten en de seconden van de verwijdering specificeert, evenals de tijdzone.
 
Fysieke tekstopmaaktags
 
Label 
Tussen deze tags staan ​​de eigenschappen vetgedrukte tekst.  Heeft een titelattribuut - roept de tekst op in de vorm van een tooltip.


Label 
Deze tag vergroot de grootte van de tekstweergave. Het heeft een titelattribuut - het roept de tekst op als tooltip.
Voorbeeld van fysieke opmaak


Label 
Wordt gebruikt om een ​​lettertype voor tekst te selecteren.  Kenmerken:
  • grootte - tekstgrootte van 1 tot 7
    • 

  • kleur - tekstkleur
    • 

Voorbeeld van fysieke opmaak


Label 
Deze tag voegt een horizontale lijn in de pagina in.  Kenmerken:
  • maat - lijnhoogte en -dikte
    • 

  • breedte - lijndikte
    • 

  • noshade - een lijn creëren zonder schaduw
    • 

  • kleur - verandert de kleur van de lijn
    • 



In dit hoofdstuk gaan we weer met tekst werken, en in tegenstelling tot het materiaal uit het tweede hoofdstuk: we zullen sommige dingen vanuit een andere hoek bekijken, en we zullen het ook hebben over tags die niet eerder in deze tutorial waren opgenomen, met waarmee u ook tekst op de sitepagina's kunt opmaken.


Feit is dat alle tags die bedoeld zijn voor het werken met tekst in twee groepen kunnen worden verdeeld: “fysieke tekstopmaaktags” en “logische tekstopmaaktags”


Nu, op volgorde..


Fysieke tekstopmaaktags.


Fysieke tekstopmaaktags zijn eerder in deze tutorial besproken, dus ik zal ze niet herhalen, maar gewoon vermelden:

 , , , , , , , , , , 
, , 
…


Dit zijn allemaal tags voor fysieke tekstopmaak.


Waarom werden ze zo genoemd?  Ja, het is eenvoudig... omdat deze tags de tekst op de een of andere manier fysiek kunnen beïnvloeden... door deze vet, cursief, klein, groot te maken... enz. Door de tekst in een van de hierboven genoemde tags te plaatsen , krijgen we het verwachte resultaat, dat wordt beschreven in de HTML-specificatie en vrijwel identiek wordt weergegeven in verschillende browsers.


Voor de zekerheid laat ik je nog eens het oude voorbeeld zien:


  

  

 Tekststijlen 

  

  

 Wetenschappelijk artikel. 
 
 
 
Als u gedestilleerd water H 
 2
 Ongeveer veertig procent ethylalcohol C 
 2
 N 
 5
 OH, het zal bij 40 vloeibaar blijken te zijn 
 O 
 beter bekend bij het grote publiek onder de naam 
- wodka. 
 
 
Voor het eerst dit aandeel  
 aangepast 
 voorgesteld 
 Dmitri Ivanovitsj MENDELEEV. 
 
 
 
 

 Het drinken van alcoholische dranken is schadelijk voor uw gezondheid. 
 

 



 

 



De hoofdtaak van tags voor fysieke tekstopmaak is het uitvoeren van puur decoratieve functies.


Als je echter hebt gestudeerd, heb je waarschijnlijk gemerkt dat de hierboven genoemde tags niet allemaal hulpmiddelen zijn voor het werken met tekst!  En als je de map zorgvuldig en nauwkeurig hebt bestudeerd, heb je waarschijnlijk gemerkt dat sommige tags dezelfde acties op de tekst uitvoeren.


Wat is bijvoorbeeld het verschil tussen de tag 
 van label 
?  of wat is het verschil tussen En 
?  Het resultaat is immers in beide gevallen hetzelfde!


Dus ja, niet dus... er zijn verschillen... en die zijn behoorlijk significant!!..


Logische tekstopmaak.


Voordat ik het over de nieuwe tags heb, zal ik je vertellen wat er moet worden bedoeld met de zinsnede: ‘logische documentopmaak’.


Door logische opmaak van een document is het in de eerste plaats gebruikelijk om het markeren van tekst met tags te begrijpen die gericht zijn op het gemak van zoekmachines en andere programma's die met een bepaald document werken, en om de tekst in het document enige betekenis te geven .  Het maakt de programma’s dus absoluut niet uit hoe uw document eruit ziet, of het mooi is of niet, welk lettertype en welke tekststijl wordt gebruikt, enz.  programma's proberen allereerst logica in uw pagina te vinden, zodat ze deze later naar eigen inzicht kunnen gebruiken, bijvoorbeeld voor relevantere zoekresultaten of voor het automatisch samenstellen van de inhoud van uw document...


Laten we nu teruggaan naar de bovenstaande vraag: "Wat is het verschil tussen de tags 
 van label 
?" - het lijkt erop dat wat het verschil is, omdat de tekst op beide plaatsen cursief wordt weergegeven. Het hele punt is dat de tag 
- (cursief) - is een fysieke tekstopmaaktag en is voornamelijk bedoeld voor mensen en de tag 
(vooral belangrijke tekst) - is een logische tekstvormingstag en is bedoeld voor machines!  En het feit dat de tekst in de tag wordt opgenomen 
, meestal cursief weergegeven in browsers - dit is, laten we zeggen, een “mode” en een uitvinding van browsers.


De HTML-specificatie zegt niet dat tags voor logische tekstopmaak op een bepaalde manier door browsers moeten worden weergegeven, wat bijvoorbeeld dezelfde tag is 
 moet cursief worden weergegeven en niet anders, maar zegt alleen dat dergelijke tekst moet verschillen van de hoofdtekst en op een speciale manier moet opvallen in het document.


Welke tags kun je het beste gebruiken?  Nou ja, omdat we al bij verstek kennis hebben gemaakt met tags 
 En 
 Ik zal je een voorbeeld laten zien, reacties staan ​​hieronder..


  

  

  

 Hoe u een website maakt 

  

  

 

 Hoe maak je een website? 

 

 
Om te 
 maak zelf een website 
 Eerst moet u de volgende tags in Kladblok schrijven:
 

  - begin van document

  - begin van het hoofd

  - het hoofd sluiten

  - begin van het lichaam

 



 - sluiting van het lichaam

  - einde document

 



 

  


Nu zal ik uitleggen waarom op de pagina’s van deze site, zoals in het bovenstaande voorbeeld, in sommige gevallen tags worden gebruikt 
 En 
, en in andere gevallen En 
 .


Het punt is dat ik, als maker van deze site, echt wil dat mensen de zin in Google typen: " Hoe maak je een website?" of " Zelf gemaakte website" we zagen de link in de eerste regels van de zoekresultaten van Google: " " en volgden deze naar de hoofdpagina van mijn bron :). Dus nadat ik de stukjes tekst had gemarkeerd die ik nodig had met behulp van tags 
 En 
 Daarmee maak ik Google duidelijk dat deze tekst belangrijk is en dat er speciale aandacht aan moet worden besteed!  - Dit is natuurlijk geen garantie voor succes, vooral niet voor zulke populaire (hoogfrequente) gebruikersquery's, maar als alle andere zaken gelijk blijven, is dit een groot pluspunt in de ogen van zoekmachines.


En het tegenovergestelde geval...


Als iemand die probeert een site voor andere mensen leesbaarder en begrijpelijker te maken, markeer ik sommige delen van de tekst cursief (humor, aantekeningen en andere terzijdes) en vetgedrukt (tags leren in de voorbeelden), maar dat doe ik niet. wil dat zoekmachines te veel aandacht besteden aan zinnen als: "begin van het hoofd" "het lichaam sluiten" - aangezien de site is geschreven voor beginnende webvakmensen, en niet voor beginnende pathologen, dus markeer ik dergelijke tekst met tags En 
- ze geven het gewenste resultaat, feitelijk vet en cursief, maar zijn geen “rode lap” voor programma's.


Logische tekstopmaaktags.


Nu je de essentie en het doel van de logische opmaak van tekst hebt begrepen, is het tijd om je kennis te laten maken met tags die droge tekst met enige betekenis kunnen verdunnen.


Ik zal een lijst maken...


Label 


Markeert een afkorting in de tekst.  Browsers markeren dit meestal met een stippellijn.


 
 CSS 



Het attribuut is van toepassing op bijna alle tags titel- een tooltip, dus als je een bepaalde afkorting in de tekst benadrukt, probeer er dan een verklaring voor te geven met behulp van dit attribuut.


  title="Cascading Style Sheets">CSS!} 
 Hiermee kunt u eenvoudig de stijl van elke logische tekstopmaaktag wijzigen!


Label 


Deze tag markeert een acroniem in de tekst.  Een acroniem is bijna hetzelfde als een afkorting, alleen gevormd uit beginletters, woorden of zinsdelen, uitgesproken als een enkel woord, en niet letter voor letter.


Meedoen  title=" communistische jongerenvakbond">комсомол!} 
!!


Net als bij een afkorting is het voor het ontcijferen van de tekst raadzaam om het attribuut te gebruiken titel .


Label 



 

 Vasya Pupkin Uryupinsk Pastafabriek 2010 




Label 


Markeert een citaat of voetnoot bij een ander document in de tekst.  Browsers geven het meestal cursief weer.


Zoals Ostap Bender zei 




Label 


Markeert tekst als een soort programmacode.  Meestal weergegeven in monospace-lettertype.


 
 functie() 
- dit is hoe een functie wordt aangeduid in PHP


Label 


Markeert verwijderde tekst in de nieuwe versie van het document.  De geselecteerde tekst wordt doorgehaald.


Lijkt op fysieke opmaaktags 
 en afgekort 
- doorgestreepte tekst.


Een label gebruiken 
, heeft meer de voorkeur, omdat het niet alleen de tekst verdunt met logica, maar ook tags vervangt 
 En 
, die door de 4.01-specificatie als verouderd zijn gemarkeerd.


 
 Oude prijs 1000 wrijven. 
- Nieuw 999 wrijven.!!!


Label 


Markeert tekst als definitie.  Wanneer een nieuwe term in de tekst wordt aangetroffen, markeren de auteurs deze in de regel cursief en geven de definitie ervan. In feite is dit waar de tag voor is 



 
 Acroniem 
- een afkorting gevormd uit beginletters, woorden of zinsdelen, uitgesproken als één woord, en niet letter voor letter.


Label 


Markeert nieuwe tekst in een nieuwe versie van het document.  Geselecteerde tekst wordt in de meeste browsers onderstreept.


Tegengesteld in betekenis van taggen 
 Het wordt meestal in combinatie ermee gebruikt.


 Oude prijs 1000 wrijven. - 
 Nieuw 999 wrijven. 
!!!


Label 


Markeert een bijzonder belangrijk stuk tekst.  Meestal cursief weergegeven.


 
 Hoe maak je een website? 
- ontdek het op Webremeslo.ru!!


Label 


Van Engels toetsenbord - toetsenbord.  Specificeert de tekst die via het toetsenbord wordt ingevoerd, of voor de naam van de toetsen.  Meestal weergegeven in monospace-lettertype.


Klik 
 Ctrl+Z 
 om de laatste actie ongedaan te maken.


Label 


Markeert een citaat in de tekst.  In tegenstelling tot het label 
 citaat gemarkeerd met tag 
 wordt automatisch geciteerd door browsers.


Zoals Ostap Bender zei 
 Het ijs is gebroken!  heren van de jury! 



Er is trouwens ook een fysieke tekstopmaaktag 

 Deze tag markeert de tekst ook als citaat en onderscheidt deze tegelijkertijd van de rest van de tekst door inspringingen en regeleinden.


  

  

  

 Citaten 

  

  

 
 logisch tekstopmaak : 
- browsers plaatsen zo'n citaat automatisch tussen aanhalingstekens.  Trouwens, als we verder gaan dan het onderwerp, kan het type citaten eenvoudig worden beheerd met behulp van CSS pseudo-klasse lang en de betekenissen ervan citaten- citaten.
 

 
Deze quote is gemaakt met behulp van de tag logisch tekstopmaak : Het ijs is gebroken!  heren van de jury... Ostap Bender.  12 stoelen.
- browsers geven het meestal cursief weer.  Het tweede doel van dit type citaat is om als voetnoot bij een ander document te dienen.
 

 
En deze quote is gemaakt met behulp van de tag fysiek tekstopmaak 
: 
Het ijs is gebroken!  heren van de jury...

- in de hoofdtekst wordt het benadrukt door inspringingen en regeleinden; een dergelijk citaat wordt gebruikt om lange stukken tekst uit andere bronnen te markeren;
 

 



 

  


Dit zijn de verschillen...


Label 


Geeft de tekst aan die op het scherm wordt weergegeven als gevolg van de werking van een programma.  Meestal weergegeven door browsers in een monospaced lettertype.


Tijdens het oplossen van probleem 2+2 geeft het programma het antwoord: 
 4



Label 


Markeert een bijzonder belangrijk stuk tekst.  Meestal vetgedrukt weergegeven.


 
 Hoe maak je een website? 
- ontdek het op Webremeslo.ru!!


Label 


Selecteert tekst als variabele tijdens de werking van een programma.  Browsers geven meestal cursief weer.


Deze functie gebruikt een variabele 
$ tellen 



Nou, dat zijn eigenlijk alle tags die zijn gemaakt voor de logische opmaak van tekst.  Ik zal geen voorbeelden laten zien, ik denk dat alles duidelijk is, maar hier zijn er een paar nuttige tips Ik zal u vertellen over de tekstopmaak in het document.



    De stijl van alle tags, zowel de logische als de fysieke tekstopmaak, is perfect aanpasbaar met behulp van CSS-tools!  Mijn advies aan jou als je hem tot nu toe nog niet kent.  Bij gebruik CSS-eigenschappen wanneer u met tekst werkt, vergeet u het probleem van compatibiliteit tussen browsers, dat wil zeggen dat uw tekst in alle browsers precies wordt weergegeven zoals u nodig heeft, en niet zoals de browser wil.  Bovendien opent CSS veel meer volop mogelijkheden zowel betrekking hebben op de tekststijl als op het ontwerp van de site als geheel.
    Probeer de tekst op de pagina's van uw site correct te markeren... namelijk:
    

    Verdeel om te beginnen al uw tekst in alinea's met behulp van de tag 
    
- dit maakt het lezen van de tekst gemakkelijker voor zowel mensen als programma's, bovendien kunt u de tekst in de toekomst eenvoudig beheren met met behulp van CSS.  Probeer in het algemeen geen ‘kale’ woorden en zinnen achter te laten die niet zijn opgenomen in een tekstopmaaktag.
    

    Houd kopjes betekenisvol 
    -
    
 Dat wil zeggen, laten we zeggen dat de paginatitel in de tag is opgenomen 
    
 subkoppen in de tag 
    
 nog minder belangrijke subkoppen in de tag 
    
 enz. Idealiter zou er slechts één kop op de pagina moeten staan 
    
, dan wordt de tekst in meerdere opgesplitst 
    
 en verder volgens het belang van de kopjes.
    

    Gebruik logische opmaaktags alleen waar ze echt nodig zijn, d.w.z. je mag bijvoorbeeld een afkorting niet markeren met een aanhalingsteken en vice versa... daar is logica voor, zodat alles logisch is!!
    

    Gebruik 
 En 
 in gevallen waarin u de aandacht niet alleen op de tekst van mensen wilt vestigen, maar ook op de tekst zoekmachines, in andere situaties gebruiken En 
 .
    Als je CSS leert, vergeet dan de tag en gooi deze uit je hoofd 
 en al zijn attributen!!  Niemand gebruikt het al heel lang, nou ja, zeldzame uitzonderingen daargelaten natuurlijk.
    



Principe van logisch HTML-opmaak-documenten impliceert het gebruik van tags voor opmaak in overeenstemming met de semantische betekenis van pagina-elementen, en niet met het gewenste uiterlijk.
Elementen en technieken die dit principe schenden zijn onder meer:
  • het gebruik van fysieke of visuele tekstopmaaktags (te beginnen met de gebruikelijke en eindigend met dinosaurussen zoals );  maar ook als indicatie aanvullende parameters visuele opmaak in geldige tags (zoals BGCOLOR in a ),
  • vervorming van de betekenis van tags (bijvoorbeeld het gebruik 
      En in plaats van 
      En ),
    • gebruik onzichtbare tafels om een ​​“frame” van de pagina te maken en de blokken te positioneren.
      • 

    Het is duidelijk dat het principe van logische opmaak dergelijke afwijkingen van de “letter van de wet” niet impliceert.  En uiteraard hebben deze afwijkingen een brede toepassing gevonden.
    Logische opmaak
    

    Tegenwoordig zijn er methoden voorgesteld voor het opmaken van HTML-documenten die een alternatief zijn voor visuele documenten.  Namelijk:
    • tags voor visuele tekstopmaak komen overeen met een uitgebreide set logische tags die worden aanbevolen in de vierde versie van HTML,
    • aanvullende ontwerpparameters die verschillen van de parameters die zijn opgegeven in de standaardbrowser, worden gespecificeerd in het cascading style sheet (CSS), incl.  met behulp van de CLASS-parameter,
    • Ook de positionering van de elementen wordt bereikt met behulp van CSS en vertegenwoordigt meer flexibel hulpmiddel voor opmaak in vergelijking met tabellen.
      • 

    Waarvoor?
    

    Ontstaat logische vraag: Waarom veranderen omwille van “zuiverheid van taal” gebruikelijke manieren indelen en uw werk moeilijker maken?  In feite wordt het werken met “schone” uniforme code eenvoudiger en handiger.  Bovendien biedt het concept van CSS de webbouwer extra vrijheidsgraden bij het creëren enkel centrum stijl beheer.
    Realiteit en bijzonderheden
    

    Sommige van de fysieke opmaaktags (bijvoorbeeld ) raken tegenwoordig echt uit de mode, en trapsgewijze stijlbladen nemen alles over een groot aantal geesten  Ik denk echter dat het gebruik van tabellen om de ruimtelijke structuur van webdocumenten te creëren in de nabije toekomst relevant zal blijven.  Ik ga hier bewust niet op in, evenals op enkele andere kwesties, om er in een van de volgende artikelen op terug te komen.
    Laten we het samenvatten
    

    1. Met logische HTML-opmaak kunt u de structuur en presentatie van een document scheiden en wordt het werk van de webbouwer eenvoudiger.
    2. Er zijn nu haalbare alternatieven voor het gebruik van visuele opmaak in HTML-code.
    3. Het is noodzakelijk om de mogelijkheden van het gebruik van logische opmaak te verduidelijken, gebaseerd op het opportuniteitsprincipe.
      4. 

    Literatuur
    

    1. Bandurina L. Cascading stylesheets, of CSS voor beginners.  Wereld van internet.  2000;  10: 66-70.
    2. Bandurina L. Cascading stylesheets, of CSS voor beginners.  Wereld van internet.  2000;  11: 70-73.
    3. Matrosov AV, Sergeev A.O., Chaunin M.P.  HTML 4.0.  - Sint-Petersburg: BHV-Petersburg, 2000.
    


    

    

    
    



        

     

    
    GERELATEERDE ARTIKELEN
     
	 
                            
                        
                        


    
    
    

        
        
        
    
         
            
    
                
    Wij raden aan
    
            
    
            
        
    
        
        
    
    

    


                             
     
 










    
    
    

	    
    
		    
    
                		    
    
	    
    

        
    

            
    
                
    
                  
           
     
                
    

            
    
                
    
         
     
                
    

            
    
                
    
             
     
                
    

        
    
    
    

    




    


    
        
    
            
    
                
    
                                        
    

                
    Copyright 2024 - Computer- en laptopreparatie.  Videokaarten, harde schijven, internet, monitoren.