Grundläggande regler för HTML-språket. Syntax PHP Html Syntax
Låt oss börja lära oss språket. Text i HTML är "oformaterad text". Alla hypertextfunktioner i ett dokument specificeras med taggar - specialmärken som ingår i denna text.
Låt det vara text:
Låt oss skriva den här texten annorlunda och infoga instruktioner om hur texten ska visas. Anvisningarna är omgivna av vinkelparenteser.
I HTML kallas instruktioner för taggar. Webbläsaren kör tagginstruktioner, det vill säga utan att visa dem gör den ändringar i texten. Därför kommer vi att se följande på skärmen:
"Mamma tvättade ramen och katten lekte med en boll. Pojken tog bollen från katten.
Tag är ett kommando inom vinkelparenteser. Taggnamnet är det första som kommer efter öppningsvinkelfästet, inga mellanslag före det! Det finns enstaka taggar och containertaggar. Enstaka taggar- något kommando till webbläsaren, utfört på den plats där det anges, till exempel kommandot "dra en linje":
Behållartaggar består av en öppningstagg och en stängningsetikett, och deras indikering avser all text mellan dem, säg: "kapslade i behållaren". Den avslutande taggen har samma namn som den inledande taggen, men namnet föregås av ett snedstreck: "/":
Mamma tvättade ramen.
.En tagg kan ha attribut. Attributet kompletterar och förklarar taggen. Ordningen på attributen är inte viktig. Till exempel har HR-taggen ett attribut WIDTH som indikerar linjens bredd, SIZE tjockleken på linjen, ALIGN platsen (alignment) och FÄRG färgen. Attributvärden anger den givna egenskapen. Syntaxregeln är följande: efter taggnamnet kan minst ett mellanslag följa, sedan kan trippel följa mellan mellanslagen: attribut, symbol "=", värde. Det rekommenderas att omge värdet inom citattecken, även om HTML-standarden tillåter att värden som endast består av latinska bokstäver och siffror inte omges av citattecken.
Bilden på skärmen blir ungefär följande.
_____________________________________
Standarden tillåter dig att inte skriva en avslutande tagg om en underförstått. Till exempel tagga
Den har en stängning, men du kan inte skriva den innan du öppnar nästa stycke. Märka
Indikerar ett stycke.
Mamma tvättade ramen.
Dottern lekte med en boll.
Vissa attribut har inga värden, eller snarare, de har ett enda värde, och därför räcker det att helt enkelt ange eller inte ange detta attribut i taggen. Till exempel har FRAME-taggen NORESIZE-attributet för att indikera att användaren inte får ändra storlek på den givna ramen.
Taggar (element) i HTML kan kapslas på liknande sätt som loopar eller villkorliga uttalanden i programmeringsspråk. Korsningar av taggar utan kapsling är förbjudna.
Ett exempel på en felaktig inmatning:
med kapslat stycke
Ett exempel på en korrekt inmatning:
Med kapslat stycke
Förutom taggar och vanlig text kan HTML-kod innehålla så kallade teckenobjekt eller Escape-sekvenser: namngivna och numrerade enheter. De behövs för att representera tecken i dokumentet som är syntaktiskt eller fysiskt förbjudna, samt tecken som inte kan matas in från tangentbordet. Till exempel,
Bokstäver för taggnamn och attributnamn och värden är inte viktigt. Även om det rekommenderas att följa en viss stil, skriv till exempel namnen på alla taggar med versaler, antingen små eller små, men med den första stora bokstaven. En sådan text är lättare för en person att uppfatta.
Mycket viktig notering! Syftet med webbläsaren är att visa din sida för klienten. Den vanliga reaktionen från webbläsaren på ett fel är ett försök att rätta till felet, och om det misslyckas, hoppa över orden eller taggar som den inte förstår. Detta är både bra och dåligt. Eftersom, å ena sidan, som ett resultat, kommer webbläsaren att försöka visa användaren så mycket text som möjligt, men å andra sidan kan delen med taggar och skript komma in i denna text eller själva texten kanske inte där om webbläsaren uppfattar det till exempel som en kommentar. Utvecklaren av webbplatsen är mycket störd av detta beteende hos webbläsaren. Var beredd på det faktum att webbläsaren till en början flitigt kommer att korrigera dina misstag, men efter ett tag kommer den att bli förvirrad och tidigare fungerande fragment kommer att sluta fungera för dig. Därför råd: gör inga misstag, utan använd hellre moderna redaktörer som är medvetna om html-regler och påpekar fel för dig.
Senaste uppdatering: 11/18/2019
När vi skapar ett HTML5-dokument kan vi använda två olika stilar: HTML och XML.
HTML-stilen föreslår följande punkter:
Initiala starttaggar kan saknas i element
Element kanske inte har slutavslutningstaggar
Endast tomma element (void element) (t.ex. br , img , länk) kan stängas med ett snedstreck />
Tagg- och attributnamn är skiftlägesokänsliga
Du kan inte omge attributvärden inom citattecken
Vissa attribut kanske inte har värden (markerade och inaktiverade)
Specialtecken undantas inte
Dokumentet måste ha ett DOCTYPE-element
Detta är den så kallade "tillåtande" stilen, baserad på avlat när du skapar ett dokument.
Ett HTML5-dokument kan också beskrivas med XML-syntax. Denna stil kallas även "XHTML". Den används om rubriken av innehållstyp är application/xml+xhtml . Denna stil kännetecknas av följande regler:
Varje element måste ha en startstarttagg
Icke-void-element med en startstarttagg måste också ha en slutsluttagg
Alla element kan stängas med ett snedstreck />
Tagg- och attributnamn är skiftlägeskänsliga, vanligtvis med gemener
Attributvärden måste omges av citattecken
Attribut utan värden är inte tillåtna (checked="checked" istället för just checked)
Specialtecken måste escapes
Låt oss jämföra två tillvägagångssätt. HTML5-metoden:
HTML5-dokumentinnehåll
Och ett liknande exempel med XHTML-metoden:
HTML5-dokumentinnehåll
När vi använder XHTML-syntaxen måste vi också ange namnutrymmet för det givna dokumentet:
Valet av en specifik stil när du skriver html-dokument beror på programmerarens eller webbdesigners preferenser. Ofta används en blandad stil, som lånar regler från den första och från den andra stilen.
Tänk samtidigt på att närvaron av elementets stängnings- och öppningstaggar minskar sannolikheten för att elementet misstolkas av webbläsaren.
Om du anger attributvärden inom citattecken kan du också undvika potentiella fel. Till exempel kan klassattributet anta flera värden i rad. Till exempel:
Om det finns svårigheter, hur korrekt är det skapade html-uppmärkning, då kan det kontrolleras med validatorn på https://validator.w3.org :
Vi kan klistra in webbsideskoden i textfältet, och efter att ha klickat på knappen "Kontrollera" längst ner kommer validatorn antingen visa oss fel i rött eller meddela oss i grönt att det inte finns några fel, och koden har godkänd validering.
Alexander Kichatov
Hur PHP-skript fungerar
Säkert är du bekant med principen för drift av radiostyrda bilar. Tryck framåt - bilen rör sig, tryck vänster - bilen ändrar riktning på hjulen.
PHP fungerar exakt likadant. Du skriver kommandon efter varandra, och PHP kör dem sekventiellt.
Vad är PHP-skript
Ett PHP-skript är en vanlig textfil med filtillägget .php. Exakt samma som html och css.
Men det finns en viktig skillnad:
Skript körs endast via http-förfrågningar i webbläsaren. Det betyder att för att köra script.php-skriptet måste du skriva site.ru/script.php i webbläsarens adressfält
Om skriptet inte fungerar, kontrollera den aktuella webbadressen. Om det finns något liknande file:///D:/openserver/domains/site.ru/script.php- detta betyder att du försöker att inte gå till sidan på webbplatsen, utan att öppna själva PHP-filen i webbläsaren. Det är inte rätt.
Webbservrar är oftast konfigurerade så att när du kommer åt startsida(till exempel site.ru ) index.php eller index.html-filen startas automatiskt, som ligger i roten på webbplatsen.
Skapa en fil som heter index.php i webbplatsens rotmapp och öppna den i din textredigerare. Om det finns en index.html-fil måste den tas bort.
Om du inte har ännu textredigerare– Jag rekommenderar det lätta och gratis Notepad++, det är mycket bekvämare än det inbyggda anteckningsblocket i Windows.
Se till att följa skriptens kodning. Kodningen måste vara antingen UTF-8 utan BOM(om en finns tillgänglig i din editor), eller bara UTF-8.
Skriva ut siffror och strängar i PHP
PHP-kommandon skrivs mellan taggar, Till exempel:
Ekokommandot är ansvarigt för att visa information på skärmen. Operatören följs av värdet som ska visas.
För att visa text måste den omges av enkla eller dubbla citattecken:
Kommandon i PHP separeras med semikolon. För att underlätta läsningen skrivs vanligtvis varje kommando med ny linje:
Resultat i webbläsaren:
Detta är PHP-kod.
Mata ut HTML-kod i PHP
HTML-kod kan blandas med PHP-kommandon:
HTML-kod kan även ersättas med en PHP-sträng:
Napoleon"; ?>
Resultat i webbläsaren:
Elefant Napoleon
Vi kan kombinera PHP-kod och HTML-taggar på vilket sätt som helst:
Linje 2" ?>
Funktioner i PHP
En funktion är ett kommando som utför någon åtgärd, såsom beräkningar, filhantering, etc.
Det är lätt att definiera en funktion - efter dess namn finns det runda fästen:
Funktionen phpinfo() visar information med de aktuella PHP-inställningarna.
Vissa funktioner förväntar sig att få ett värde. Till exempel förväntar avrundningsfunktionen ceil() ett tal som den kommer att avrunda:
Funktionen ceil() tar värdet 91,5 vi skickade in, bearbetar det (rundar upp det till 92) och returnerar resultatet. Och ekokommandot tar värdet som returneras av funktionen och visar det på skärmen. Resultatet av detta skript blir 92 .
Behovet av en avslutande tagg i PHP
Om det inte finns någon HTML eller någon annan skärmutmatning efter PHP-kommandona, kan vi utelämna den avslutande ?>-taggen:
Stenografi Open Tag Syntax i PHP
Istället för
Dessutom kan vi byta taggen
Tagg användning
Detta är inte relaterat till taggen.
anger vilken HTML-standard din webbsida är skriven i.
| DOKTYP | Beskrivning |
|---|---|
| HTML5 | |
| För alla dokument. | |
| HTML 4.01 | |
| "http://www.w3.org/TR/html4/strict.dtd"> | Strikt HTML-syntax. |
| Övergångs-HTML-syntax. | |
| Ramar används i ett HTML-dokument. | |
| XHTML 1.0 | |
| Strikt XHTML-syntax. | |
| Övergångssyntax för XHTML. | |
| Dokumentet är skrivet i XHTML och innehåller ramar. | |
| XHTML mobilprofil, lägger till specifika element för mobiltelefoner. | |
| XHTML 1.1 | |
| "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | Denna definition har ingen indelning i typer, syntaxen är densamma och följer tydliga regler. |
Så det finns flera doctypes (strikt och övergångsvis, för HTML och XHTML). Vilken standard man ska välja är frågan.
HTML- och XHTML-standarder
HTML är standardspråket för webbdokument.
I HTML 4.01 och HTML5 är utseendet på en sida separerat från dess innehåll. Innehåll och struktur (rubriker, stycken, länkar) anges i HTML. Design (justering, typsnitt, färger) bestäms av CSS-stilar.
Till exempel tagga och align-attributet har fasats ut.
XHTML är ett utbyggbart märkningsspråk för webbdokument baserat på XML. XHTML-standarden är en lista över skillnaderna mellan HTML 4.01 och XHTML.
Fördelen med XHTML-språket är inte strängheten i syntaxen, utan möjligheten att uppfinna dina egna taggar.
Men den 2 juli 2009 meddelade World Wide Web Consortium (W3C) att XHTML 2.0 hade avvecklats, vilket ansåg att XHTML-konceptet var felaktigt. En grupp programmerare gick över till att arbeta med HTML5-standarden. Även om HTML5-standarden ännu inte har godkänts, är många sajter redan skrivna på den.
De som är intresserade av när HTML5 kommer att vara klar kan bekanta sig med de primära källorna:
Den officiella versionen av HTML5-standarden finns på: www.w3.org/TR/html5/
Låt oss göra ett val. Det är lätt att göra: du bör inte använda XHTML-standarden om du inte tänker utöka HTML-språket.
Låt oss inte uppehålla oss vid!DOCTYPE, avsedd för dokument som använder ramar: i förrgår.
Nästa fråga är: vilken syntax ska man välja - strikt eller transitiv?
HTML 4.01 strikt och övergångssyntax
Övergångssyntaxer finns för att underlätta övergången till ny standard. De kommer att hoppa över mycket av vad den strikta syntaxen skulle betrakta som fel.
För att förstå vad som är vad är det lättare med ett exempel. Låt oss ställa in den strikta syntaxen först.
Strikt syntax
Giltighetskontroll
röd Färg.
Överensstämmelse med HTML-kod med den deklarerade standarden kallas giltighet, och letar efter denna korrespondens - godkännande.
För att spåra layoutfel, installera FireFox HTML Validator-tillägget.
Låt oss öppna vår sida webbläsaren firefox, för musen över valideringstecknet:
Om du dubbelklickar på valideringstecknet får du en utökad lista med fel:
Ändra!DOCTYPE till transitiv syntax:
Övergångssyntax
Giltighetskontroll
En del av texten behövde markeras röd Färg.