Основни правила на езика HTML. Синтаксис PHP Html Синтаксис
Прочетете също
Да започнем да учим езика. Текстът в HTML е "обикновен текст". Всички хипертекстови характеристики на документа се определят с помощта на тагове - специални знаци, включени в този текст.
Нека има текст:
Нека напишем този текст по различен начин, като вмъкнем инструкции как да изведем текста. Указанията са оградени в ъглови скоби.
IN HTML езикинструкциите се наричат тагове. Браузърът изпълнява инструкции за тагове, тоест, без да ги показва, прави промени в текста. Следователно на екрана ще видим следното:
„Мама изми рамката, а котката си играеше с топка. Момчето взе топката от котката.
Етикетът е команда в ъглови скоби. Името на етикета е първото нещо, което идва след отварящата ъглова скоба, без интервали преди него! Има единични етикети и контейнерни етикети. Единични етикети- някаква команда към браузъра, изпълнена на мястото, където е посочено, например командата "начертайте линия":
Етикетите на контейнера се състоят от отварящ таг и затварящ таг и тяхното обозначение се отнася за целия текст между тях, да речем: „вложен в контейнера“. Затварящият таг има същото име като отварящия таг, но името е предшествано от наклонена черта: "/":
Мама изми рамката.
.Тагът може да има атрибути. Атрибутът допълва и обяснява етикета. Редът на атрибутите не е важен. Например тагът HR има атрибут WIDTH, указващ ширината на линията, SIZE дебелината на линията, ALIGN местоположението (подравняване) и COLOR цвета. Стойностите на атрибутите определят дадената характеристика. Синтаксисното правило е следното: след името на тага може да следва поне един интервал, след това през интервалите могат да следват тройки: атрибут, символ "=", стойност. Препоръчва се стойността да бъде поставена в кавички, въпреки че стандартът HTML позволява стойности, състоящи се само от латински букви и цифри, да не бъдат поставяни в кавички.
Изображението на екрана ще бъде нещо като следното.
_____________________________________
Стандартът ви позволява да не пишете затварящ таг, ако такъв се подразбира. Например етикет
Има затваряне, но не можете да го напишете, преди да отворите следващия параграф. Етикет
Показва параграф.
Мама изми рамката.
Дъщерята си играеше с топка.
Някои атрибути нямат стойности или по-скоро имат една стойност и затова е достатъчно просто да посочите или да не посочите този атрибут в етикета. Например тагът FRAME има атрибута NORESIZE, за да покаже, че на потребителя не е разрешено да преоразмерява дадения кадър.
Таговете (елементите) в HTML могат да бъдат вложени по начин, подобен на циклите или условните изрази в езиците за програмиране. Пресичането на тагове без влагане е забранено.
Пример за грешно въвеждане:
с вложен параграф
Пример за правилно въвеждане:
С вложен параграф
В допълнение към тагове и обикновен текст, HTML кодът може да съдържа така наречените символни обекти или Escape последователности: именувани и номерирани обекти. Те са необходими за представяне на символи в документа, които са синтактично или физически забранени, както и знаци, които не могат да се въвеждат от клавиатурата. Например,
Главните букви за имена на етикети и имена на атрибути и стойности не са важни. Въпреки че се препоръчва да следвате някакъв стил, например, пишете имената на всички тагове с главни букви, малки или малки, но с първата главна буква. Такъв текст е по-лесен за възприемане от човек.
Много важна забележка! Целта на браузъра е да покаже вашата страница на клиента. Обичайната реакция на браузъра при грешка е опит да коригира грешката и ако не успее, пропуснете думите или етикетите, които не разбира. Това е едновременно добро и лошо. Тъй като, от една страна, в резултат на това браузърът ще се опита да покаже на потребителя възможно най-много текст, но, от друга страна, частта с тагове и скриптове може да попадне в този текст или самият текст може да не получи там, ако браузърът го възприеме, например като коментар. Разработчикът на сайта е много обезпокоен от това поведение на браузъра. Бъдете готови за факта, че в началото браузърът усърдно ще коригира грешките ви, но след известно време ще се обърка и работещите преди това фрагменти ще спрат да работят за вас. Затова съвет: не правете грешки, а по-добре използвайте модерни редактори, които са наясно с правилата на html и ви посочват грешките.
Последна актуализация: 18.11.2019 г
Когато създаваме HTML5 документ, можем да използваме два различни стила: HTML и XML.
HTML стилът предлага следните точки:
Първоначалните начални тагове може да липсват в елементите
Елементите може да нямат крайни затварящи тагове
Само празни елементи (празни елементи) (напр. br, img, връзка) могат да бъдат затворени с наклонена черта />
Имената на таговете и атрибутите не са чувствителни към главни и малки букви
Не можете да поставите стойностите на атрибутите в кавички
Някои атрибути може да нямат стойности (маркирани и деактивирани)
Специалните знаци не се екранират
Документът трябва да има елемент DOCTYPE
Това е така нареченият "разрешителен" стил, базиран на индулгенции при създаване на документ.
HTML5 документ може да бъде описан и с помощта на XML синтаксис. Този стил се нарича още "XHTML". Използва се, ако заглавката на типа съдържание е application/xml+xhtml. Този стил се характеризира със следните правила:
Всеки елемент трябва да има начален начален таг
Невалидните елементи с начален начален таг също трябва да имат краен краен таг
Всеки елемент може да бъде затворен с наклонена черта />
Имената на етикети и атрибути са чувствителни към малки букви, обикновено с малки букви
Стойностите на атрибутите трябва да бъдат затворени в кавички
Атрибути без стойности не са разрешени (проверено = "отметнато" вместо просто отметнато)
Специалните знаци трябва да бъдат екранирани
Нека сравним два подхода. HTML5 подход:
Съдържание на HTML5 документ
И подобен пример, използващ XHTML подхода:
Съдържание на HTML5 документ
Когато използваме XHTML синтаксис, ние също трябва да посочим пространството от имена за дадения документ:
Изборът на конкретен стил при писане на html документи зависи от предпочитанията на програмиста или уеб дизайнера. Често се използва смесен стил, който заимства правила от първия и от втория стил.
В същото време имайте предвид, че наличието на затварящи и отварящи тагове на елемента намалява вероятността елементът да бъде неправилно интерпретиран от браузъра.
Освен това поставянето на стойности на атрибути в кавички ще помогне за избягване на потенциални грешки. Например, атрибутът клас може да приема множество стойности подред. Например:
Ако има затруднения, колко правилно е генерираното HTML маркиране, то може да се провери с помощта на валидатора на https://validator.w3.org :
Можем да поставим кода на уеб страницата в текстовото поле и след като щракнем върху бутона „Проверка“ в долната част, валидаторът или ще ни покаже грешки в червено, или ще ни уведоми в зелено, че няма грешки и кодът е премина валидиране.
Александър Кичатов
Как работят PHP скриптовете
Със сигурност сте запознати с принципа на работа на радиоуправляемите коли. Натиснете напред - колата се движи, натиснете наляво - колата променя посоката на колелата.
PHP работи точно по същия начин. Вие пишете команди една след друга и PHP ги изпълнява последователно.
Какво е PHP скрипт
PHP скриптът е обикновен текстов файл с разширение .php. Точно същото като html и css.
Но има една важна разлика:
Скриптовете се изпълняват само чрез http заявки в браузъра. Това означава, че за да стартирате скрипта script.php, трябва да напишете site.ru/script.php в адресната лента на браузъра
Ако скриптът не работи, проверете текущия URL адрес. Ако има нещо подобно file:///D:/openserver/domains/site.ru/script.php- това означава, че се опитвате да не отидете на страницата на сайта, а да отворите самия PHP файл в браузъра. Не е правилно.
Уеб сървърите най-често са конфигурирани така, че когато имате достъп начална страница(например site.ru ) автоматично се стартира файлът index.php или index.html, който се намира в корена на сайта.
Създайте файл с име index.php в основната папка на сайта и го отворете във вашия текстов редактор. Ако има файл index.html, той трябва да бъде изтрит.
Ако все още нямате текстов редактор- Препоръчвам лекия и безплатен Notepad++, много по-удобен е от бележника, вграден в Windows.
Не забравяйте да следвате кодирането на скриптовете. Кодирането трябва да бъде едно от двете UTF-8 без BOM(ако има такъв във вашия редактор), или просто UTF-8.
Отпечатване на числа и низове в PHP
PHP командите се записват между таговете, Например:
Командата echo отговаря за показването на информация на екрана. Операторът е последван от стойността, която трябва да се покаже.
За да се покаже текст, той трябва да бъде ограден в единични или двойни кавички:
Командите в PHP са разделени с точка и запетая. За по-лесно четене всяка команда обикновено е написана с нова линия:
Резултат в браузъра:
Това е PHP код.
Изходен HTML код в PHP
HTML кодът може да се смесва с PHP команди:
Освен това HTML кодът може да бъде заменен с PHP низ:
Наполеон"; ?>
Резултат в браузъра:
Слон Наполеон
Можем да комбинираме PHP код и HTML тагове по всякакъв начин:
Линия 2" ?>
Функции в PHP
Функцията е команда, която изпълнява някакво действие, като изчисления, управление на файлове и т.н.
Лесно се дефинира функция - след нейното име има кръгли скоби:
Функцията phpinfo() показва информация с текущите PHP настройки.
Някои функции очакват да им бъде предадена стойност. Например функцията за закръгляване ceil() очаква число, което ще закръгли:
Функцията ceil() приема стойността 91.5, която сме предали, обработва я (закръгля я до 92) и връща резултата. А командата echo взема стойността, върната от функцията, и я показва на екрана. Резултатът от този скрипт ще бъде 92 .
Необходимостта от затварящ таг в PHP
Ако няма HTML или друг екранен изход след PHP командите, тогава можем да пропуснем затварящия таг ?>:
Съкратен синтаксис на отворен етикет в PHP
Вместо
Освен това можем да заменим етикета
Използване на етикет
Това не е свързано с етикета.
указва на кой HTML стандарт е написана вашата уеб страница.
| DOCTYPE | Описание |
|---|---|
| HTML5 | |
| За всички документи. | |
| HTML 4.01 | |
| "http://www.w3.org/TR/html4/strict.dtd"> | Строг HTML синтаксис. |
| Преходен HTML синтаксис. | |
| Рамките се използват в HTML документ. | |
| XHTML 1.0 | |
| Строг XHTML синтаксис. | |
| Преходен XHTML синтаксис. | |
| Документът е написан на XHTML и съдържа рамки. | |
| XHTML мобилен профил, добавя специфични елементи за мобилни телефони. | |
| XHTML 1.1 | |
| "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | Тази дефиниция няма разделение на типове, синтаксисът е един и същ и се подчинява на ясни правила. |
И така, има няколко типа документи (строги и преходни, за HTML и XHTML). Какъв стандарт да избера е въпросът.
HTML и XHTML стандарти
HTML е стандартният език за маркиране на уеб документи.
В HTML 4.01 и HTML5 външният вид на страницата е отделен от нейното съдържание. Съдържанието и структурата (заглавия, параграфи, връзки) са специфицирани в HTML. Дизайн (подравняване, шрифтове, цветове) се задават от CSS стилове.
Например етикет и атрибутът align са отхвърлени.
XHTML е разширяем език за маркиране за уеб документи, базиран на XML. Стандартът XHTML е списък на разликите между HTML 4.01 и XHTML.
Предимството на езика XHTML не е строгостта на синтаксиса, а възможността да измисляте свои собствени тагове.
Въпреки това, на 2 юли 2009 г. World Wide Web Consortium (W3C) обяви, че XHTML 2.0 е преустановен, считайки концепцията XHTML за неправилна. Група програмисти преминаха към работа по стандарта HTML5. Въпреки че стандартът HTML5 все още не е одобрен, много сайтове вече са написани на него.
Тези, които се интересуват кога ще бъде завършен HTML5, могат да се запознаят с първоизточниците:
Официалната версия на стандарта HTML5 се намира на: www.w3.org/TR/html5/
Да направим избор. Лесно е да се направи: не трябва да използвате стандарта XHTML, освен ако не възнамерявате да разширите езика HTML.
Да не се спираме на!DOCTYPE, предназначен за документи, използващи рамки : завчера.
Следващият въпрос е: кой синтаксис да избера - строг или преходен?
HTML 4.01 строг и преходен синтаксис
Синтаксисът на прехода съществува, за да улесни прехода към нов стандарт. Те ще пропуснат много от това, което строгият синтаксис би сметнал за грешки.
За да разберете какво е какво, е по-лесно с пример. Нека първо зададем строгия синтаксис.
Строг синтаксис
Проверка на валидността
червенцвят.
Извиква се съответствие на HTML кода с декларирания стандарт валидност, и проверка за тази кореспонденция - валидиране.
За да проследите грешки в оформлението, инсталирайте добавката FireFox Html Validator.
Нека отворим нашата страница браузър firefox, задръжте курсора на мишката върху знака на валидатора:
Двойното щракване върху знака на валидатора ще даде разширен списък с грешки:
Променете!DOCTYPE към преходен синтаксис:
Преходен синтаксис
Проверка на валидността
Част от текста трябваше да бъде подчертана червенцвят.