Пълен синтаксис на езика HTML. Основи на езика HTML. Използване на HTML - синтаксис на езика за маркиране

, , ,

.

Ако отварящият таг съдържа един или повече атрибути, тогава тагът трябва да бъде посочен.

Поради факта, че много тагове може да не са посочени, защото... те се подразбират по подразбиране, всеки документ се свежда до следните части.

Можете да вмъкнете произволен брой интервали или коментари преди и след doctype. По този начин не е необходимо doctype да е на първия ред от кода.

Пример 1 показва минималния HTML код за показване на традиционен поздрав.

Пример 1: Минимален HTML

HTML5 IE Cr Op Sa Fx

Здравей свят!

Маркировката за ред на байтове се състои от U+FEFF символен код в началото на документа, където се използва за определяне на кодирането. Препоръчително е да премахнете този символ, тъй като наличието му води до грешки при показването на документа в някои браузъри. За да направите това, можете да използвате редактора Notepad++, в менюто „Кодиране“ изберете „Кодиране в UTF-8 (без BOM)“ (фиг. 3).

Ориз. 3. Изберете кодиране

• Повече за маркировката за ред на байтове
  http://unicode.org/faq/utf_bom.html#bom1
• Редактор на Notepad++

В първата глава научихте, че дизайнът на уебсайт се създава с използвайки CSS. За по-добро разбиране какво трябва да се използва и защо, нека да разгледаме един илюстративен пример. Мислете за HTML като за черно-бяла структурирана рамка на къща без никакви декорации, а CSS е това, което използваме, за да създадем уникален външен вид.

Както можете да видите, къщата вдясно вече има цветове, материали и допълнителни декорации. Същото се случва и на уеб страница: използване CSS правилавърху него се появяват цветове и отстъпи, стилът на шрифта и размерите на елементите се променят и се създава цял, завършен стил.

Нека да разгледаме как изглежда най-основният стилов лист и от какви елементи се състои. Това е пример за CSS стил за всички тагове

Които са на уеб страницата:

Как ще изглежда текстът сега?

В браузъра и какво означава всеки ред? Много е просто: шрифтът ще има удебелен стил и цвят #1E824C (шестнадесетичен цветен код) и ще се показва на 1em (относителна единица, равна на размера на шрифта по подразбиране в браузъра).

Стилът, описан по-горе, както всеки друг, включва набор от елементи, които имат свои собствени имена. Запомнете ги, така че когато прочетете следващите глави да разберете какво се случва.

Селектор Като го посочим, казваме на браузъра към какво точно искаме да приложим стила. В нашия случай селекторът е p. Блок за декларация Това е името на цялото съдържание, разположено между фигурните скоби () след селектора. Свойство на стил Това е команда, която указва желаната опция за форматиране (например, искате да промените стила на шрифта, теглото на шрифта, цвета на цвета, размера на шрифта, размера на шрифта и т.н.). След името на свойството трябва да се постави двоеточие. По-късно ще се запознаете с голяма сума CSS свойства. Стойност на свойство След двоеточие се изписва самата стойност на свойство, което вие сами определяте, като по този начин създавате свой собствен стил. В зависимост от свойството трябва да посочите подходящата стойност.

Например стилът на шрифта е зададен ключови думиполучер, по-удебелен и т.н., цвят – шестнадесетична стойност, RGB(A), HSL(A) или ключови думи червено, оранжево, бяло и т.н., размер на шрифта – CSS единици (проценти%, пиксели пиксели, точкиpt, височина на шрифта em) или малки константи , среден , голям и т.н. След посочване на стойността на свойството се поставя точка и запетая.

Тъй като CSS е нечувствителен към нови редове, интервали, раздели и малки букви, можете да форматирате кода си по начин, който го прави лесен за четене и редактиране по-късно. Например, можем да напишем горния код в един ред:

P (font-weight:bold;color:#1E824C;font-size:1em;)

Работи също, но лесно ли е за разбиране? Особено когато CSS кодът е доста дълъг. Разбира се, няма да е зле да го отделите поне с интервали. Има няколко правила за добри маниери и ако ги научите веднага, ще кажете „благодаря“ на себе си в бъдеще.

Много често, когато се описва стил, се използва компактна форма на нотация, в която всички свойства за един селектор са посочени в един блок:

P ( тегло на шрифта: удебелен; цвят: #1E824C; размер на шрифта: 1em; )

И тази форма на запис е много тромава, въпреки че работи:

P (тегло на шрифта: получер;) p (цвят: #1E824C;) p (размер на шрифта: 1em;)

За да улесните навигацията в кода, се препоръчва всяко свойство да се напише като нова линияи използвайте раздели или интервали, когато изброявате свойства. Понякога има интервал между двоеточието и стойността на свойството, но това зависи от вас да решите какво предпочитате.

За допълнително удобство можете да добавяте коментари директно в CSS. В тях можете да пишете обяснения и бележки, които да ви помогнат да се ориентирате в таблиците със стилове.

Коментарите в CSS се записват между знаците /* и */. Те не се показват на уеб страницата в браузъра и се виждат само в кода. Разработчиците също често използват коментари, за да скрият временно ненужните секции от CSS кода. Коментарите изглеждат така:

/* Стил за основния текст */ p ( тегло на шрифта: удебелен; цвят: #1E824C; размер на шрифта: 1em; )

След като създадете лист със стилове, можете да изберете как да го прикачите към вашата уеб страница. Има два варианта за таблици – вътрешни, които се добавят директно към страницата и външни, които се намират в отделен файлс разширение .css и са свързани към страницата чрез връзка.

Вътрешните стилови таблици са написани в HTML документ между . Трябва да добавите стилов лист към всяка уеб страница. Ако сайтът има голям брой страници, които изискват еднакъв дизайн, тогава добавянето и редактирането на стилове се превръща в неблагодарна работа - процесът ще отнеме много време. Следователно вътрешните стилови таблици се считат за неудобни.

Външните стилови таблици са много по-често срещани. Трябва само да свържете таблицата с всички необходими уеб страници, като използвате таг с атрибут rel (определя връзката между страницата и включения файл) и стойност на таблица със стилове, което означава, че включеният файл съдържа таблица със стилове. Атрибутът href е пътят (URL) към вашия .css файл:

Като редактирате само един файл, можете да промените стила на целия сайт наведнъж, независимо колко страници има. Това е много удобно, особено за големи ресурси.

Тъй като външните стилови таблици са най-удобните и широко използвани при разработването на дизайна, ще научим как да ги създаваме. Можете да изтеглите архива с файлове за този урок на тази страница.

В папката ще намерите HTML документ с пример за проста страница и изображение (което ще се използва в урока). Отворете HTML документа във вашия браузър. Ще видите, че страницата изглежда напълно нормално. За да му придадем по-привлекателен вид, нека го стилизираме.

Засега не е нужно да се задълбочавате твърде много в значението на дадена част от кода. Сега трябва да разберете принципа на работа. Да започваме.

За да започнете, отворете произволен текстов редактор на вашия компютър (бележникът ще свърши работа) и създайте празен файл, наречен style, като го запазите с разширение .css (трябва да получите файл style.css). Запазете файла в папката, където се намира изтегленият HTML документ.

Отворете HTML документа в текстов редактор, както и в браузър (за лесно преглеждане на промените в външен видстраници). Добавете следния код между таговете:

Обобщете накратко какво направихте току-що. Като поставите този код във вашия HTML документ, вие:

• предостави връзка към шрифт, наречен Roboto Condensed, който ще бъде взет от сървъри на Google(повече за Google шрифтовеще ви кажем по-късно);
• свърза нашата външна стилова таблица style.css (празна за сега).

Запазете промените си в HTML документа и отидете на празния .css файл, който сте създали. Нека добавим малко стил към страницата:

Html (подложка-отгоре: 5px; фоново изображение: url(background.jpg); )

Запазете промените си. Поздравления, написахте първото си правило - то се отнася до тага. Първото свойство - padding-top - ще добави горна подложка от 5 пиксела между прозореца на браузъра и съдържанието на уеб страницата. С второто свойство, background-image, сте включили изображение за фон на цялата страница, указвайки пътя до графичен файл(намира се в същата папка като HTML документа).

Обновете отворената уеб страница във вашия браузър. Ако всичко е направено правилно, ще видите, че на страницата се е появил фон и пространството между горната част на прозореца и текста леко се е увеличило.

Основен текст (ширина: 75%; подложка: 40px; margin: 15px автоматично; цвят на фона: #EBEBEB; border-radius: 30px; )

Запазете промените във файла. Сега ти:

• задайте областта за съдържанието на тага, която е равна на 75% от ширината на прозореца на браузъра;
• осигурено поле от 40 пиксела от всички страни на областта на съдържанието;
• позиционира областта в центъра на страницата и също така направи отстъп в горната и долната част на 15 пиксела;
• задайте цвят на фона #EBEBEB за областта със съдържание;
• заобли ъглите на правоъгълната област, като посочи радиус на заобляне от 30 пиксела.

Актуализирайте HTML документа отново. В същото време се уверете, че кешът е деактивиран или презаредете страницата, като актуализирате всички свързани с нея файлове, като използвате специална клавишна комбинация (например за Chrome това е Ctrl+F5).

Ще видите, че в центъра на страницата е добавена правоъгълна област със заоблени ъгли. Това е резултатът от вашите действия в CSS файла. Можете също така да опитате да намалите прозореца на браузъра си и да се възхищавате как ширината на правоъгълната област се приспособява към неговия размер. Това се дължи на факта, че ширината е посочена като процент.

Време е да украсим нашия текст. Добавете този код към вашия стилов лист и запазете промените си:

H1 (цвят: #E87E04; размер на шрифта: 2em; поле отляво: 20px; семейство шрифтове: "Roboto Condensed", sans-serif; ) h2 (цвят: #E87E04; размер на шрифта: 1,7em; поле отляво : 20px; семейство шрифтове: "Roboto Condensed", sans-serif; ) p ( цвят: #22313F; line-height: 150%; margin-top: 20px; margin-left: 20px; font-family: "Roboto Condensed “, без сериф;)

След като сте написали това, вие задавате цветовете на шрифта за таговете h1 , h2 , p, посочвате техните размери, добавяте поле от левия край от 20 пиксела и допълнително за

Вдлъбнахме горната част с 20 пиксела и зададохме водещата линия на височина ( разстояние между редовететекст) 50% повече от стандартното. Освен това сте свързали шрифта Roboto Condensed и с трите тагова (затова трябваше да предоставите връзка към него в HTML файла в самото начало).

Обновете страницата в браузъра си и се възхищавайте на резултата. В този урок ще опитаме още нещо. Добавете този код към CSS:

Акцент ( тегло на шрифта: получер; )

Запазете и опреснете страницата във вашия браузър. Ще видите, че в последния абзац шрифтът е удебелен в някои части на текста. За да разберете какво се е случило, отидете до прозореца текстов редактор, където в самото начало сте отворили HTML файла. Погледнете последния абзац: част от изречението е увито в таг с клас на ударение. По този начин сте написали стил за един ред текст в абзац. Ще говорим повече за класовете в следващата глава.

Трябва да получите страница като тази:

Като практика опитайте да промените размера на текста за

(да кажем 1.1em), а също и да увеличим разстоянието между

И левия край на областта на съдържанието с още 10 пиксела.

Тази глава разгледа синтаксиса на CSS и как да създадете основен лист със стилове. Научихте как да включите CSS в HTML страница и как да създадете прости стилове. Нека подчертаем основните неща, които трябва да запомните от тази глава:

Всеки CSS стил се състои от няколко елемента: селектор, стилово свойство и стойността на това свойство.

Всички свойства и техните стойности се записват в декларационен блок между две къдрави скоби () след посочване на селектора.

Трябва да обърнете голямо внимание на знаците: два брекети(отваряне в началото на рекламния блок и затваряне в края). Без тези скоби CSS няма да работи правилно.

Изисква се да поставите двоеточие след свойството и точка и запетая след стойността.

За удобство и по-добра четливост на вашия CSS код, пишете всяко свойство на нов ред и не пестете интервали и раздели.

HTML таговете са в основата HTML език. Етикетите се използват за ограничаване на началото и края на елементите в маркирането.

Всеки HTML документ се състои от дърво от HTML елементи и текст. Всеки HTML елемент се идентифицира чрез начален (отварящ) и краен (затварящ) таг. Отварящият и затварящият етикет съдържат името на етикета.

Всички HTML елементи са разделени на пет типа:

• празни елементи - , ,
  , , , , , , , , , , , , ;
• елементи с неформатиран текст - , ;
• елементи, които показват неформатиран текст - , ;
• елементи от друго пространство от имена - MathML и SVG;
• обикновени елементи - всички останали елементи.

Таблицата показва пълен списъкелементи, поддържани от HTML4 и HTML5. Експерименталните и наследените тагове са изключени. Елементите, добавени към спецификацията на HTML5, са маркирани в синьо.

	Използва се за добавяне на коментари.
	Декларира вида на документа и предоставя основна информация на браузъра – неговия език и версия.
	Създава хипертекстови връзки.
	Идентифицира текста като съкращение или акроним. Обяснителният текст се посочва с помощта на атрибута заглавие.
	Посочва информацията за контакт на автора/собственика на документа или статията. Показва се в курсив в браузъра.
	Това е хипервръзка с текст, съответстващ на конкретна област на карта на изображение или активна област в карта на изображение. Винаги вложено в таг.
	Раздел от съдържание, който представлява независима част от документ или уебсайт, като например статия в списание, публикация в блог, коментар.
	Представлява съдържание на страница, което е косвено свързано с основното съдържание на страницата/сайта.
	Зарежда аудио съдържание в уеб страница.
	Задава пасаж от текст да бъде удебелен, без да добавя акцент или важност към маркирания текст.
	Указва основния адрес (URL), от който се изчисляват всички относителни адреси. Това ще помогне да се избегнат проблеми при преместване на страницата на друго място, тъй като всички връзки ще работят както преди.
	Изолира пасаж от текст, написан на език, на който текстът се чете отдясно наляво от останалата част от текста.
	Показва текст в посоката, посочена от атрибута dir, заменяйки текущата посока на текста.
	Маркира текст като цитат, използван за описание на големи цитати.
	Представлява тялото на документа (съдържание, което не е част от метаданните на документа).
	Пренасяне на текст в нов ред.
	Създава интерактивен бутон. Можете да поставите съдържание вътре в тага - текст или изображение.
	Контейнер за платно за динамично показване на изображения като прости изображения, диаграми, графики и др. За чертане се използва скриптовият език JavaScript.
	Добавя надпис към таблицата. Вмъква се непосредствено след етикета . Използва се за посочване на източника на цитат. Показва се в курсив. Представлява част от програмен код, изобразен в семейство шрифтове с едно пространство. Избира една или повече колони на таблица за форматиране, които не съдържат същия тип информация. Създава структурна група от колони, която идентифицира много логически хомогенни клетки. Елементът се използва за свързване на стойността на атрибута value, който е в машинно четим формат и може да се обработва от компютър, със съдържанието на тага. Елемент контейнер за елемент от падащ списък. Вариантните стойности се поставят в елементи. Използва се за описание на термин от етикет. Маркира текста като изтрит чрез зачертаване. Създава интерактивна джаджа, която потребителят може да отваря или затваря. Представлява контейнер за съдържание, видимото заглавие на уиджета се поставя в тага. Идентифицира дума като термин, като я постави в курсив. Текстът, който следва, трябва да съдържа определение на този термин. Интерактивен елемент, с който потребителят взаимодейства, за да изпълни задача, като диалогов прозорец, инспектор или прозорец. Без атрибута open той не е видим за потребителя. Етикет на контейнер за секции от HTML документ. Използва се за групиране на блокови елементи за форматиране със стилове. Етикет на контейнер, съдържащ термин и неговото описание. Използва се за уточняване на термин. Маркира важни пасажи от текста, като ги показва в курсив. Етикет на контейнер за вграждане на външно интерактивно съдържание или плъгин. Групира свързани елементи във формуляр, като рисува кутия около тях. Заглавие/надпис за елемента. Самостоятелен контейнерен етикет за съдържание като илюстрации, диаграми, снимки, примери на кодове, обикновено с надпис. Определя крайната област (долния колонтитул) на документ или раздел. Форма за събиране и изпращане на информация от потребителите към сървъра. Не работи без атрибута action. Създайте шест нива на заглавия за свързани раздели. Елемент на контейнер за метаданни на HTML документ, като , , , , . Секция за въвеждаща информация за сайт или група от навигационни връзки. Може да съдържа едно или повече заглавия, лого, информация за автора. Хоризонтална линия за тематично разделяне на параграфи. Основният елемент на HTML документ. Казва на браузъра, че това е HTML документ. Това е контейнер за всички други html елементи. Курсив на пасаж от текст, без да му придава допълнително ударение. Създава вградена рамка чрез зареждане на друг документ в текущия HTML документ. Вгражда изображения в HTML документ с помощта на атрибута src, чиято стойност е URL адресът на вграденото изображение. Създава богати полета на формуляр, в които потребителят може да въвежда данни. Маркира текст с подчертаване. Използва се за подчертаване на промените, направени в документ. Избира текст, който да бъде въведен от потребителя с помощта на клавиатурата, с монопространствен шрифт. Използва се за съхраняване на допълнителна информация за страницата. Тази информация се използва от браузърите, за да обработят страницата, и от търсачките, за да я индексират. В един блок може да има няколко етикета, тъй като в зависимост от използваните атрибути те носят различна информация. Индикатор за измерване в даден диапазон. Раздел от документ, съдържащ навигационни връзки за сайта. Дефинира раздел, който не поддържа скриптове. Контейнер за вграждане на мултимедия (напр. аудио, видео, Java аплети, ActiveX, PDF и Flash). Можете също да вмъкнете друга уеб страница в текущия HTML документ. Маркерът се използва за предаване на параметрите на плъгина. Подреден номериран списък. Номерацията може да бъде цифрова или азбучна. Контейнер със заглавие за група елементи. Указва опция/опция за избор от падащия списък , или ,. Поле за показване на резултата от изчисление, изчислено с помощта на скрипта. Абзаци в текста. Определя параметри за плъгини, вградени с помощта на елемента. Елемент контейнер, съдържащ един елемент и нула или повече елементи. Само по себе си не показва нищо. Позволява на браузъра да избере най-подходящото изображение. Извежда текст без форматиране, като запазва интервали и прекъсвания на текста. Може да се използва за показване на компютърен код, имейл съобщения и др. Индикатор за изпълнение на задача от всякакъв вид. Определя кратък цитат. Контейнер за източноазиатски символи и тяхното декодиране. Определя своя вложен текст като основен компонент на анотацията. Добавя кратко описание над или под знаците, съдържащи се в елемента, показани с по-малък шрифт. Маркира вградения текст като допълнителна анотация. Показва алтернативен текст, ако браузърът не поддържа елемента. Показва текст, който не е актуален със зачертаване. Използва се за показване на текст, представящ резултата от програмен код или изпълнение на скрипт, както и системни съобщения. Показва се с моноширинен шрифт. Използва се за дефиниране на скрипт от страна на клиента (обикновено JavaScript). Съдържа или текст на скрипт, или сочи към външен файл със скрипт, използвайки атрибута src. Дефинира логическа област (секция) на страница, обикновено със заглавка. Контролен елемент, който ви позволява да избирате стойности от предложен набор. Вариантните стойности се поставят в . Показва текст с по-малък размер на шрифта. Указва местоположението и типа на алтернативните медийни ресурси за , , . Контейнер за вградени елементи. Може да се използва за форматиране на пасажи от текст, като например маркиране на отделни думи с цвят. Поставя ударение в текста, като го подчертава с удебелен шрифт. Включва вградени таблици със стилове. Указва долен индекс на символи, например индекс на елемент в химически формули. Създава видимо заглавие за етикета. Показва се със запълнен триъгълник, щракването върху него ви позволява да видите подробностите за заглавието. Указва надстрочния правопис на знаците. Таг за създаване на таблица. Определя тялото на таблицата. Създава клетка от таблица. Използва се за деклариране на фрагменти от HTML код, които могат да бъдат клонирани и вмъкнати в документ чрез скрипт. Съдържанието на таг не е негово дете. Създава големи полета за въвеждане на текст. Определя долния колонтитул на таблицата. Създава заглавие на клетка в таблица. Определя заглавието на таблицата. Определя дата/час. Заглавието на HTML документ, което се показва в горната част на заглавната лента на браузъра. Може да се появи и в резултатите от търсенето, така че това трябва да се вземе предвид при предоставяне на заглавие. Създава ред от таблица. Добавя субтитри за елементи и . Маркира пасаж от текст чрез подчертаване, без допълнително подчертаване. Създава списък с водещи символи. Маркира променливите от програмите, като ги показва в курсив. Добавя видео файлове към страницата. Поддържа 3 видео формата: MP4, WebM, Ogg. Показва на браузъра къде може да се прекъсне дълъг ред. Cheat sheet с етикети За по-лесна употреба, групирах таговете в тематични секции, като добавих стойности на свойствата на дисплея за всеки таг. За да отидете до масата, щракнете върху снимката. Потокът от Unicode кодови точки, който включва вход към стъпката на мнемонизация, първоначално ще бъде видим за потребителския агент като поток от байтове (обикновено идващ по мрежата или от локалната файлова система). Байтовете кодират реални знаци според конкретен кодиране на знаци, който потребителският агент използва за декодиране на байтове в знаци. За XML документи потребителските агенти трябва да използват този алгоритъм, за да определят кодирането на знаци, определено от XML спецификацията. Този раздел не се отнася за XML документи. 8.2.2.1 Разбор с известно кодиране на знаци Когато HTML анализатор работи с байтов поток от вход, който има определено известно кодиране, тогава кодирането на знаците е това кодиране и - определени. 8.2.2.2 Определение за кодиране на знаци В някои случаи може да не е практично да се определи недвусмислено кодирането преди анализ на документа. Поради тази причина тази спецификация предоставя двустепенен механизъм с незадължително предварително сканиране. Реализациите са разрешени, както е описано по-долу, за прилагане на опростен алгоритъм за анализиране към всички налични байтове преди анализиране на документа. След това стартира действителният анализатор, използвайки предварителното кодиране, взето от този предварителен анализ и други метаданни извън лентата. Ако, докато документът се зарежда, потребителският агент срещне декларация за кодиране на знаци, която е в конфликт с тази информация, тогава анализаторът може да бъде извикан отново, за да анализира документа с действителното кодиране. Потребителските агенти трябва да използват следния алгоритъм, наречен алгоритъм за улавяне на кодиране, за да определят кодирането на знаци, което да се използва при декодиране на документа в първата стъпка. Този алгоритъм приема като вход всички метаданни извън обхвата, достъпни за потребителския агент (например метаданните Content-Type на документа), и всички налични досега байтове, и връща кодирането на знаци и , което експерименталенили определени. Ако потребителят изрично инструктира потребителския агент да замени кодирането на символите на документа с конкретно кодиране, не е задължително това кодиране да се върне с определени Обикновено потребителските агенти запомнят такава потребителска заявка между сесиите и понякога прилагат това и към документи във вградени рамки. Потребителският агент може да увеличи наличните ресурсни байтове или на тази стъпка, или на по-късна стъпка в този алгоритъм. Например потребителски агент може да очаква 500ms или 1024 байта, което от двете настъпи първо. Като цяло, предварителното анализиране на ресурс за определяне на кодирането подобрява производителността, тъй като намалява необходимостта от отхвърляне на структурите от данни, използвани при анализирането след търсене на информация за кодиране. Въпреки това, ако потребителският агент отнеме твърде много време, за да получи данните за определяне на кодирането, времето, прекарано в чакане, може да надхвърли всяка полза от подготовката. Изискванията за съответствие за декларация за кодиране на знаци ограничават нейния външен вид само до първите 1024 байта. Следователно потребителските агенти се насърчават да използват алгоритъма за предварително сканиране (по-долу), както се извиква от тези стъпки на първите 1024 байта, но не спират дотук. За всеки ред от следващата таблица, започвайки от първия и надолу, ако има повече налични байтове, отколкото в първата колона и първите байтове на файла съвпадат с байтовете на първата колона, след това върнете кодирането от клетката на втората колона от същия ред, с - определении прекратете тези стъпки: Шестнадесетични байтове Кодиране FE FF Big-endian UTF-16 FF FE Little-endian UTF-16 EF BB BF UTF-8 Тази стъпка търси Unicode Byte Order Marks (BOMs). Фактът, че тази стъпка идва преди следващата, която зачита HTTP заглавката Content-Type, е умишлено нарушение на HTTP спецификацията, поради желанието да бъде възможно най-съвместим с по-старо съдържание. Ако транспортният слой указва кодиране на знаци и то се поддържа, ще върне това кодиране с - определении прекратете тези стъпки. UTF-8 кодирането има точно дефиниран битов модел. Документи, съдържащи байтове, по-големи от 0x7F, които съответстват на модел UTF-8, е много вероятно да бъдат UTF-8, но документи с последователности от байтове, които не съответстват, е много вероятно да не са. Следователно потребителските агенти се насърчават да търсят това общо кодиране. В противен случай - върнете дефинираното от внедряването или дефинираното от потребителя кодиране на знаци по подразбиране, с - експериментален. В управлявани среди или в среди, където кодирането на документи може да бъде задължително (например за потребителски агенти, предназначени специално за използване в нови мрежи), се препоръчва цялостно UTF-8 кодиране. В други среди кодирането по подразбиране обикновено зависи от локала на потребителя (приближението на езиците и следователно често кодирането на страниците, които е много вероятно потребителят да посети). Следващата таблица препоръчва настройки по подразбиране въз основа на локала на потребителя за съвместимост с наследено съдържание. Локалите се идентифицират чрез езикови тагове BCP 47. Местен език Препоръчително кодиране по подразбиране ар арабски windows-1256 ба башкирски windows-1251 бъда белоруски windows-1251 бг български windows-1251 cs чешки windows-1250 ел Гръцки ISO-8859-7 et естонски windows-1257 фа персийски windows-1256 той иврит windows-1255 ч хърватски windows-1250 ху унгарски ISO-8859-2 да японски Shift_JIS kk казахски windows-1251 ко корейски евк-кр ку кюрдски windows-1254 ky киргизки windows-1251 lt литовски windows-1257 лв латвийски windows-1257 мк македонски windows-1251 мн полски ISO-8859-2 ru Руски windows-1251 сах Якутски windows-1251 ск словашки windows-1250 сл словенски ISO-8859-2 ср сръбски windows-1251 tg таджикски windows-1251 th тайландски windows-874 тр Турски windows-1254 tt татарски windows-1251 Великобритания украински windows-1251 vi виетнамски windows-1258 zh-CN китайски (Китайска народна република) GB18030 zh-TW китайски (Тайван) Big5 Всички други локали windows-1252 Съдържанието на тази таблица е извлечено от Windows по подразбиране, Chrome и Firefox. последователност от байтове, започващи с байт 0x3C (ASCII) Преместете указателя на позицията така, че да сочи към първия байт 0x3E (ASCII >), който идва след намерения байт 0x3C. Всеки друг байт Не правете нищо с този байт. Следващ байт: Преместете позиция, за да посочите следващия байт във входния поток от байтове, и се върнете една стъпка назад цикъл. Особено се обезсърчава поддръжката на базирани на EBCDIC кодировки. Това кодиране рядко се използва за публично уеб съдържание. Поддържането на UTF-32 също е силно обезкуражено. Това кодиране се използва рядко и често се прилага неправилно. Тази спецификация не се опитва да поддържа EBCDIC и UTF-32 базирани кодировки в своите алгоритми; следователно поддръжката и използването на тези кодировки може да доведе до непредсказуемо поведение при реализациите на тази спецификация. 8.2.2.4 Определяне на кодирането по време на анализ Когато анализаторът изисква от потребителския агент да промени кодирането, потребителският агент трябва да изпълни следните стъпки. Това може да се случи, ако , обсъдено по-горе, се провали при търсене на кодиране на знаци или ако намери кодиране на знаци, което не е действителното кодиране на файла. 8.2.2.5 Предварителна обработка на входния поток Входящият поток се състои от символи, въведени в него като декодирани или от различни API, които директно манипулират входния поток. Един водещ символ U+FEFF BYTE ORDER MARK трябва да се игнорира, ако присъства в . Изискването за премахване на знака U+FEFF BYTE ORDER MARK, независимо дали символът е бил използван за определяне на реда на байтовете, е умишлено нарушение на Unicode, което се обяснява с желанието да се подобри устойчивостта на потребителските агенти по отношение на техните собствени транскодери. Всяко появяване на знаци от диапазоните U+0001 до U+0008, U+000E до U+001F, U+007F до U+009F, U+FDD0 до U+FDEF и знаците U+000B, U+FFFE, U+FFFF, U+1FFFE, U+1FFFF, U+2FFFE, U+2FFFF, U+3FFFE, U+3FFFF, U+4FFFE, U+4FFFF, U+5FFFE, U+5FFFF, U+6FFFE, U + 6FFFF, U+7FFFE, U+7FFFF, U+8FFFE, U+8FFFF, U+9FFFE, U+9FFFF, U+AFFFE, U+AFFFF, U+BFFFE, U+BFFFF, U+CFFFE, U+CFFFF, U+DFFFE, U+DFFFF, U+EFFFE, U+EFFFF, U+FFFFE, U+FFFFF, U+10FFFE и U+10FFFF са . Всички те са контролни знаци или постоянно недефинирани Unicode знаци (несимволи). Знаците "CR" (U+000D) и "LF" (U+000A) се обръщат специално внимание. Всички CR знаци трябва да бъдат преобразувани в LF знаци и всички LF знаци, които идват след CR знака, трябва да бъдат игнорирани. По този начин новите редове в HTML DOM са представени от LF знаци и никога от CR знаци във входа към . Следващият въведен знак е първият знак в , който все още не е използван/консумиран или е изрично игнориран от изискванията на този раздел. Първоначално това е първият знак във входния поток. Текущият въведен знак е последният знак, който е бил . Точката на вмъкване/точката на вмъкване е позицията (точно преди знак или точно преди края на входния поток), където действително се вмъква съдържание, вмъкнато чрез document.write(). Точката на вмъкване е спрямо позицията на знака непосредствено след нея, тя не е абсолютно изместване във входния поток. Първоначалната точка на вмъкване е недефинирана. Символът "EOF" в следващите таблици е концептуален символ, представляващ края на . Ако анализаторът е анализатор, генериран от скрипт, тогава краят се достига, когато се използва изричен знак "EOF" (вмъкнат от метода document.close(). В противен случай символът "EOF" не е действителен знак в потока, а по-скоро индикация за липсата на последващи знаци. Обработката на U+0000 NULL символи варира в зависимост от това къде се намират знаците. Като цяло те се игнорират, освен в случаите, когато наистина може да ви изложи на удар. Такава обработка, ако е необходимо, се простира до етапите на мнемонизация и изграждане на дърво. Последна актуализация: 18.11.2019 г Когато създаваме HTML5 документ, можем да използваме два различни стила: HTML и XML. HTML стилът предполага следните точки: Елементите може да нямат начални отварящи тагове Елементите може да нямат крайни затварящи тагове Само празни елементи (напр. br, img, връзка) могат да бъдат затворени с наклонена черта /> Регистърът на имената на етикети и атрибути няма значение Не е необходимо да ограждате стойностите на атрибутите в кавички Някои атрибути може да нямат стойности (маркирани и деактивирани) Специалните знаци не се екранират Документът трябва да има елемент DOCTYPE Това е така нареченият „разрешителен“ стил, базиран на отстъпки при създаване на документ. HTML5 документ може да бъде описан и с помощта на XML синтаксис. Този стил се нарича още "XHTML". Използва се, ако заглавката на типа съдържание е application/xml+xhtml. Следните правила са характерни за този стил: Всеки елемент трябва да има начален отварящ таг Невалидните елементи с начален отварящ таг трябва да имат и краен затварящ таг Всеки елемент може да бъде затворен с наклонена черта /> Имената на етикети и атрибути са чувствителни към малки букви и обикновено са с малки букви Стойностите на атрибутите трябва да бъдат затворени в кавички Атрибути без стойности не са разрешени (проверено = "отметнато" вместо просто отметнато) Специалните знаци трябва да бъдат екранирани Нека сравним два подхода. HTML5 подход: Заглавие Съдържание на HTML5 документ И подобен пример, използващ XHTML подхода: Заглавие Съдържание на HTML5 документ Когато използваме XHTML синтаксис, ние също трябва да посочим пространството от имена за дадения документ: Изборът на конкретен стил при писане на HTML документи зависи от предпочитанията на програмиста или уеб дизайнера. Често се използва смесен стил, който заимства правила от първия и втория стил. В същото време трябва да се има предвид, че наличието на затварящи и отварящи етикети на елемент намалява вероятността елементът да бъде неправилно интерпретиран от браузъра. Също така, затварянето на стойностите на атрибутите в кавички ще помогне да се избегнат потенциални грешки. По този начин атрибутът на класа може да приеме няколко стойности подред. Например: . Но ако пропуснем кавичките, "navmenu" ще се използва като стойност и браузърът ще се опита да интерпретира "bigdesctop" като отделен атрибут. Ако има някакви затруднения по отношение на това колко правилно е генерираното HTML маркиране, можете да го проверите с помощта на валидатора на https://validator.w3.org: Можем да поставим кода на уеб страницата в текстовото поле и след като щракнем върху бутона „Проверка“ в долната част, валидаторът ще покаже грешките в червено или ще ни уведоми в зелено, че няма грешки и кодът е валидиран. Сподели с приятели: Свързани публикации Моята страница в социалната мрежа Odnoklassniki Не мога да вляза в страницата си с контакти: какво да правя и защо се случва това? Как да изтриете акаунт в Instagram - Най-добри методи Как напълно да се изтриете от Instagram Как да презаредите касета: функции за възстановяване на касети за лазерни и мастиленоструйни принтери у дома С каква спринцовка да презаредите касета Как да преинсталирате Windows: инструкции стъпка по стъпка Шаблон за график на уроците за попълване на компютър График на уроци за тийнейджъри за печат