HTML är utan tvekan internetets huvudspråk,född med det. På ett eller annat sätt är han involverad i skapandet och driften av varje webbsida på webben. Utan att förstå vad HTML är och hur det fungerar, är det omöjligt att förvandla en kontinuerlig textflöde, vilket dokument som helst var, till en strukturerad, vacker och användarvänlig webbplats.
Förkortningen härrör från engelskaHyperText Markup Language Översättningen förklarar helt vad HTML är - ett markeringsspråk för hypertext. Det dök upp i början av utvecklingen av Internet och var avsett för utformning av webbsidor som innehåller vetenskaplig och teknisk dokumentation, som särskilt behöver korrekt design.
Tim Berners-Lee, skaparen av språket, föreslog detmed sin hjälp kommer det att vara möjligt att enkelt skapa enkla men begripliga dokument för utbyte mellan forskare från olika städer och länder. Han utvecklade en uppsättning deskriptorer - element som formaterar text. Nu känner vi dem under namnet "taggar".
För att HTML-text ska visas korrekt krävs detdess behandling. Detta görs av specialprogram - webbläsare. De får den markerade sidan, tolker tagghandtag och visar texten i den form som användaren ska se den.
En mycket viktig del av språket, vilket är tydligt även fråndess namn är hypertextstöd. Detta innebär att vissa HTML-sidor kan innehålla länkar till andra. Korsreferenssystemet var särskilt viktigt för vetenskapliga artiklar, så att du inte kunde gå i förklaringen av en komplex term, utan bara skicka läsaren till lämpligt kapitel om det behövs.
Tiden gick, en enkel uppsättning taggar som HTML vari början av dess existens, har vuxit och fått styrka. Nu kan du bädda in multimediainnehåll på en sida, skapa tabeller och hantera platsen för bilder.
Den spontana utvidgningen av språket borde ha minskat och tagits under kontroll, vissa standarder behövdes.
1995 - tidpunkten för antagandet av den tredje versionenspecifikationer och en vändpunkt i coders öde. Moderna webbläsare vid den tiden kunde inte längre säkerställa implementeringen av accepterade standarder, improvisation och stratifiering påbörjades. Varje webbläsare hade en åsikt om vad HTML är och hur man hanterar specifika deskriptorer.
Lyckligtvis för närvarande har de huvudsakliga motsägelserna mellan webbläsare utjämnats, vilket sparar front-end-utvecklare mycket energi och nerver.
Faktisk för 2018 är den femte standardenHTML, vars utkast kom ut i slutet av 2007. Han introducerade många nya element och attribut, lägger särskild tonvikt på semantiken på webbsidor och deras tillgänglighet för användare med funktionshinder.
Språket fortsätter att aktivt utvecklas och förbättras.
De viktigaste HTML-strukturerna är deskriptorer eller taggar och enheter. Vanlig text som bearbetas med deras hjälp förvandlas till ett webbdokument.
Enheter för hypertextmarkeringsspråket är mnemoniska koder för Unicode-specialtecken som inte finns på vanliga tangentbord.
Enhetsexempel:
| < | öppningsvinkelfäste |
| > | stängningsvinkelfäste |
| ← | tunn vänsterpil |
| ↑ | tunn pil som pekar uppåt |
HTML-enheter börjar med en ampersand,slutar med en semikolon och innehåller en teckenkod som är lätt att komma ihåg. De är viktiga eftersom de låter dig visa tecken som inte kan skrivas direkt i HTML-koden.
Sådana tecken inkluderar till exempel vinkelfästen. På hypertextmarkeringsspråket fungerar de som etikettidentifierare, som omger beskrivarens namn på båda sidor.
Taggar är de grundläggande strukturella komponenterna i ett webbdokument. Det är behållare med öppnings- och stängningsdelar och innehållet som ligger mellan dem.
Exempel på tagg:
<i> text inuti taggen </i>Detta är HTML-beskrivaren ochsom definierar det kursiva typsnittet. Bokstaven i är den första bokstaven i ordet kursiv. Han har:
<i>;</i>kännetecknas av närvaron av ett snedstreck;
De flesta deskriptorer har samma struktur, men det finns en liten grupp tomma taggar.
Lång text som ska delas upp i flera rader <br> för att förbättra läsbarheten.
Märka <br> efter tolkning kommer att ersättas med en radbrytning. Det har inget innehåll, så ingen täckande del krävs.
Följande taggar är också tomma:
<hr>betecknar en tunn grå linje som skiljer textblock från varandra;<input>representerar en hel familj av interaktiva formelement;<img>ansluta bildfilen;<meta>, <länk>.Descriptorer kan kapslas i varandra på valfritt antal nivåer. De enda undantagen är tomma taggar som inte kan innehålla innehåll.
Attributen som placeras i elementet för inledande tagg är av stor betydelse när du skapar webbdokument. En deskriptor kan ha en eller flera egenskaper, eller ingen alls.
I de flesta fall använder du attributvissa aspekter av elementets beteende klargörs och ibland kan de radikalt ändra den visuella presentationen. Ett antal fastigheter används för tjänsteändamål, så att du kan manipulera HTML-taggar från CSS eller JavaScript.
Attributinställning:
Välj färg: <input type = "checkbox" name = "red"> Röd <input type = "checkbox" name = "gul" markerad> Yellow <input type = "checkbox" name = "green"> GrönHär är en grupp med tre interaktiva <input> -element. Attribut typ definierar deras visning som kryssrutor, namn innehåller namnet på ett specifikt fält och egenskapen kontrollerade, oviktigt, gör den andra inmatningen till standard.
Det finns generiska attribut som kan definieras för vilken beskrivning som helst och specifika attribut som är specifika för specifika taggar.
Universella egenskaper inkluderar: id, klass, titel.
Specifikt - den ovan nämnda typen, markerad, samt src, href och ett antal andra.
Efter att ha fått en HTML-sida analyserar webbläsaren den och kasserar alla onödiga objekt. Så i de flesta fall ignoreras flera mellanslag och radbrytningar.
Följande två kodavsnitt är helt identiska för webbläsaren, även om en av dem innehåller många mellanrum i rad och är uppdelad i linjer, och den andra inte.
<!- första utdrag -> <p> Lorem ipsum <i> dolor sit </i> amet. </p> <p> <b> doloribus sunt, </b> ad försäkring. </p> <! - andra utdrag -> <p> Lorem ipsum <i> dolor sit </i> amet. </p> <p> <b> doloribus sunt, </b> ad provider. </p>
Bindestreck och flikar kan användas för attvisuell strukturering av koden, men de har ingen betydelse för webbläsaren. I vissa fall, när det är nödvändigt att bevara det ursprungliga textformatet tillsammans med mellanslag och fördjupningar, finns det taggar som visar innehållet utan förberedande behandling av webbläsaren, till exempel <pre>.
HTML är skiftlägeskänsligt språk. Detta innebär att taggar, namn och attributvärden kan skrivas med gemener eller versaler, och båda alternativen behandlas lika korrekt av webbläsaren. Om så önskas kan du till och med använda kombinationer av stora och nedre bokstäver, men detta stör den normala uppfattningen av koden.
När du väl är bekant med taggar, deras egenskaper och syntax kan du gå från grunderna i HTML-språket till strukturen i ett HTML-dokument som helhet.
Varje webbsida måste ha någon form av skelett för att kunna visas korrekt av webbläsaren.
Den obligatoriska strukturen för ett HTML-dokument innehåller:
huvud.<! DOCTYPE html> <html> <huvud> <! - serviceinformation för webbläsaren och sökrobotar -> </head> <body> </body> </html>HTML5 kräver ingen tagg kropp i ett dokument rekommenderas dock att du ändå använder det för att beteckna ett innehållsområde.
De viktiga men valfria servicebeskrivarna är:
<huvud> <title> Sidrubrik </title> <meta charset = "utf-8"> <meta name = "description" content = "Beskrivning av sidan för sökrobotar"> </head>I annat fall kan strukturen på HTML-sidan vara vad som helst. Dess funktioner beror på det specifika projektet.
Huvudregeln som måste följas ialla webbdokument är rätt kapsling av taggar. Först stängs deskriptoren på den djupaste häckningsnivån och sedan alla externa en efter en.
<body> <huvud> <artikel> <p> Punkttext </p> <! - stycket stängs först -> </article> <! - sedan artikel -> </main> <! - sedan huvudtaggen -> </body> <! - och slutligen, huvuddelen av dokumentet ->Som specifikationen ochframväxten av nya deskriptorer förändrade tekniken för att skapa webbdokument. Inledningsvis gick texterna i en kontinuerlig ström och delades endast upp i stycken. Sedan kom eraen av tabelllayout, vilket gjorde det möjligt att placera block på en sida i vilken konfiguration som helst, till exempel i kolumner.
Med utvecklingen av CSS övergavs användningen av tabeller gradvis, eftersom stilar gjorde det möjligt att utforma ett dokument efter önskemål.
Den nya HTML-standarden uppmuntrar semantik i strukturen för HTML-dokument. Detta uppnås genom att använda semantiska taggar som rubrik, sidfot, huvud, artikel, nav, sektion och andra.
Internets huvudspråk är väldigt enkelt. Vem som helst kan ta reda på vad HTML är och framgångsrikt tillämpa denna kunskap genom att skapa sina egna webbsidor.
