HTML5

Question 1

Какво е HTML5?

Answer 1

HTML5 е последния проект на HyperText Markup Language, в който са добавени няколко нови HTML семантични елементи и правила, подобряват достъпност и индексиране на съдържанието на уеб страницата, от търсачките. HTML5 е най-новата версия на HTML – Интернет стандарт, на базата на който се осъществява изработването на всеки уеб сайт.

Question 2

Ползата на HTML5 за SEO?

Answer 2

Всеки от HTML семантичните елементи има свое специфично предназначение. Например тагът <h1> е семантичен елемент, който съобщава на ботовете на Google и други търсачки, че затвореното съдържание в маркера е най-значимото заглавие, съдържащо се в HTML документа или в съответната секция от сайта. Тагът <div>, от друга страна, е несемантичен елемент, тъй като той само указва разделяне в HTML документа и не дава информация на търсачаката, за значението и определянето на съдържанието в рамките на маркера.

Question 3

Нови семантични маркери в HTML5

Answer 3

Предоставят още по-точна информация за ботовете на търсачките, по отношение на съдържанието в уеб страницата.
article , section, header, footer, nav, video, figure, aside

Question 4

article

Answer 4

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

Question 5

aside

Answer 5

Тагът <aside> може да послужи като маркер на раздел, в който е поместено вторично съдържание от сайта. Този елемент е подходящ за маркиране на странична лента или секция под основната статия

Question 6

figure

Answer 6

figure : Този елемент може да съдържа изображение, илюстрация, диаграма или кодов фрагмент и е самостоятелен, което означава, че може да бъде преместен, без това да засегне главния поток на документа. Маркерът figure може съдържа и figcaption в себе си, ако е необходимо да се добави надпис към изображението.

Question 7

video

Answer 7

video : Този маркер е един от най-полезните нови маркери, тъй като позволява съвместимост между различни браузъри, по отношение на визуализиране на видеоклипове, без да се налага използването на Flash. HTML5 също така дава възможност за включване на допълнителна информация за видеоклипа.

Question 8

nav

Answer 8

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

Question 9

footer

Answer 9

footer Въпреки че не е толкова полезен, маркерът footer също предлага някои SEO предимства, тъй като може да бъде използван за определяне на съдържанието в долната част на уеб сайта, като например име на автор, информация за авторски права, декларация за поверителност, контактна информация, полезни връзки и др.

Question 10

header

Answer 10

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

Question 11

section

Answer 11

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

Question 12

HTML таговете и елементите едно и също нещо ли са?

Answer 12

Не. HTML елементите се определят от начален таг, може да съдържат малко съдържание и затварящ таг. Например h1Heading 1/h1 е HTML елемент, но само h1 е начален таг и /h1 е затварящ таг.

Question 13

Какво представляват таговете и атрибутите в HTML?

Answer 13

Таговете са основният компонент на HTML, който определя как съдържанието ще бъде структурирано/форматирано, докато атрибутите се използват заедно с HTML таговете за определяне на характеристиките на елемента. Например p align=” center” (/p, в това ‘align’ е атрибутът, чрез който ще подравним абзаца, за да се покаже в центъра на изгледа.)

Question 14

Какво представляват празните елементи в HTML?

Answer 14

HTML елементи, които нямат затварящи тагове или не трябва да бъдат затворени, са Void елементи. Например br /, img /, hr /

Question 15

Какво е предимството на свиването на бялото пространство?

Answer 15

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

Question 16

Какво представляват HTML обектите?

Answer 16

В HTML някои знаци са запазени като ‘<’, ‘>’, ‘/’ и т.н. За да използваме тези знаци в нашата уеб страница, трябва да използваме символни обекти, наречени HTML обекти.
Характер Име на обекта Номер на обекта
< < <
> > >
и & &
  напр. p_10&nbsp&nbspPM/p_  
(неразделен интервал) Напр. 10 ВЕЧЕРТА

Question 17

Какви са различните видове списъци в HTML?

Answer 17

<body>
<div>
<p>Unordered list</p>
<ul>
<li>List item 1</li>
<li>List item 1</li>
<li>List item 1</li>
</ul>
</div>
<div>
<p>Ordered list</p>
<ol>
<li>List item 1</li>
<li>List item 1</li>
<li>List item 1</li>
</ol>
</div>
<div>
<p>Definition/Description list</p>
<dl>
<dt>div element</dt>
<dd> -This is the block level element</dd>
<dt>span element</dt>
<dd>-This is an inline level element</dd>
</dl>
</div>
</body>

Question 18

Какво представлява атрибутът ‘class’ в HTML?

Answer 18

Атрибутът клас се използва за указване на името на класа за HTML елемент. Няколко елемента в HTML могат да имат една и съща стойност на класа. Използва за свързване на стиловете, в таблицата със стилове, с HTML елементите.

Question 19

Каква е разликата между атрибута ‘id’ и атрибута ‘class’ на HTML елементите?

Answer 19

Множество елементи в HTML могат да имат една и съща стойност на класа, докато стойността на атрибута id на един елемент не може да бъде свързана с друг HTML елемент.

Question 20

Дефиниране на данни за формуляр от много части?

Answer 20

Многочастните данни на формуляра са една от стойностите на атрибута enctype. Използва се за изпращане на файловите данни до страната на сървъра за обработка. Другите валидни стойности на атрибута enctype са text/plain и application/x-www-form-urlencoded.

Question 21

Опишете структурата на HTML оформлението.

Answer 21

Всяка уеб страница има различни компоненти за показване на предвиденото съдържание и специфичен потребителски интерфейс. Шаблонна е за структуриране на уеб страницата, като например:
header : Съхранява началната информация за уеб страницата.
footer : Представлява последния раздел на страницата.
nav : Менюто за навигация на HTML страницата.
article : Това е набор от информация.
section : Използва се вътре в блока на статията, за да дефинира основната структура на страница.
aside : Съдържание на страничната лента на страницата.

Question 22

Как да оптимизираме зареждането на активите на уебсайта?

Answer 22

 CDN hosting/ CDN хостинг - CDN или мрежа за доставка на съдържание са географски разпределени сървъри, които спомагат за намаляване на забавянето.
File compression/Компресиране на файлове - Това е метод, който помага да се намали размера на актив, за да се намали трансферът на данни
File concatenation/ Конкатенация на файлове - Това намалява броя на HTTP извикванията
Minify scripts/ Минимизиране на скриптове - Това намалява общия файлов размер на js и CSS файловете
Parallel downloads / Паралелни изтегляния – Хостингът на активи в множество поддомейни може да помогне за заобикаляне на ограничението за изтегляне от 6 актива на домейн на всички съвременни браузъри. Това може да се конфигурира, но повечето обикновени потребители никога не променят тези настройки.
Lazy Loading / Мързеливо зареждане – Вместо да се зареждат всички активи наведнъж, некритичните активи могат да се зареждат при нужда.

Question 23

Какви са различните тагове за форматиране в HTML?

Answer 23

b - прави текста удебелен
i - прави текста курсив
em - прави текста курсив, но с добавена семантична важност
big - увеличава размера на шрифта на текста с една единица
small - намалява размера на шрифта на текста с една единица
sub - прави текста долен индекс
sup - прави текста горен индекс
del - показва се като зачеркнат текст
strong - маркира текста като важен
mark - маркира текста
ins - показва се като добавен текст

Question 24

Какви са различните видове налични Doctypes?

Answer 24

Строг тип на документа / Strict Doctype
Преходен тип документ / Transitional DoctypeTransitional DoctypeTransitional DoctypeTransitional Doctype
Frameset Doctype

Question 25

Oбяснете как да посочите набора от символи, използван от документ в HTML?

Answer 25

... ... ...

Question 26

Каква е разликата между тагове _strong_, _b_ и тагове _em_, _i_?

Answer 26

Ефектът на етикетите _strong_, _b_ и _em_, _i_ е същият. Таговете _b_ и _i_ означават удебелен шрифт и курсив. Тези два тага прилагат само стилизиране на шрифта и удебелен таг _b_, просто добавят повече мастило към текста, тези тагове не казват нищо за текста. Tаговете _strong_ и _em_ означават, че обхватът на текста е от по-голямо значение от останалата част от текста. Те имат семантично значение.

Question 27

Какво е значението на тага _head_ и _body_ в HTML?

Answer 27

Тагът _head_ предоставя информация за документа. Той винаги трябва да бъде ограден в тага _html_. Той съдържа метаданните за уеб страницата и таговете, които са оградени от заглавен таг като _link_, _meta_, _style_, _script_ не се показват на уеб страницата. Може да има само 1 таг _head_ в целия Html документ и винаги ще бъде преди тага _body_. Тагът _body_ дефинира тялото на HTML документа. Той винаги трябва да бъде ограден в тага _html_. Цялото съдържание, което трябва да бъде показано на уеб страницата като изображения, текст, аудио, видео, съдържание, използвайки елементи като _p_, _img_, _audio_, _heading_, _video_, _div_, ще са оградени от етикета _body_. Може да има само 1 елемент body в HTML документ и винаги ще бъде след тага _head_.

Question 28

Възможно ли е влагане на уеб страници?

Answer 28

Да, можем да покажем уеб страница в друга HTML уеб страница. HTML предоставя таг _iframe_, чрез който можем да постигнем тази функционалност. _iframe src=”url of the web page to embed” /_

Question 29

Как Cell Padding се различава от Cell Spacing?

Answer 29

Cell Spacing - Разстоянието между клетките е пространството или празнината между две последователни клетки. Докато Cell Padding е пространството или празнината между текста/съдържанието на клетката и ръба/границата на клетката.

Question 30

Как можем да обединим два или повече реда или колони в един ред или колона в HTML таблица?

Answer 30

HTML предоставя два атрибута на таблицата „rowspan“ и „colspan“, за да се създаде обхват на клетка съответно в множество редове и колони.

Question 31

Възможно ли е да промените вграден елемент в елемент на ниво блок?

Answer 31

Да, възможно е да използвате свойството "display" със стойността му като "block", за да промените вградения елемент в елемент на ниво блок.

Question 32

По колко начина можем да позиционираме HTML елемент? Или какви са допустимите стойности на атрибута позиция?

Answer 32

1.static : Стойност по подразбиране. Тук елементът е позициониран според нормалния поток на документа. 2.absolute : Тук елементът е позициониран спрямо неговия родителски елемент. Крайната позиция се определя от стойностите на ляво, дясно, горе, долу. 3.fixed : Това е подобно на absolute, но тук елементите са позиционирани спрямо елемента _html_. 4.relative: Тук елементът се позиционира според нормалния поток на документа и се позиционира спрямо оригиналната/нормална позиция. 5.initial: Това нулира свойството до стойността му по подразбиране. 6.inherit : Тук елементът наследява или взема свойството на своя родител.

Question 33

По колко начина можете да показвате HTML елементи?

Answer 33

1.inline : С помощта на това можем да покажем всеки елемент на ниво блок като вграден елемент. Стойностите на атрибутите за височина и ширина на елемента няма да повлияят. 2.block : използвайки това, можем да покажем всеки вграден елемент като елемент на ниво блок. 3.inline-block : Това свойство е подобно на inline, с изключение на това, че използвайки дисплея като inline-block, можем действително да форматираме елемента, използвайки стойности за височина и ширина. 4.flex : Показва контейнера и елемента като гъвкава структура. Следва свойството flexbox. 5.inline-flex : Показва flex контейнера като вграден елемент, докато съдържанието му следва свойствата на flexbox. 6.grid : Показва HTML елементите като мрежов контейнер. 7.none : С помощта на това свойство можем да скрием HTML елемента. Видовете дисплеи, които се използват рядко: 1.table 2.inline-table 3.table-cell 4.table-column 5.table-row 6.inline-grid 7.list-item 8.inherit 9.initial 10.table-caption

Question 34

Каква е разликата между “display: none” и “visibility: hidden”, когато се използват като атрибути към HTML елемента.

Answer 34

Когато използваме атрибута „visibility: hidden“ за HTML елемент, тогава този елемент ще бъде скрит от уеб страницата, но все още заема място. Докато, ако използваме атрибута “display: none” за HTML елемент, тогава елементът ще бъде скрит и също така няма да заема място на уеб страницата.

Question 35

Как да посочите връзката в HTML и да обясните целевия атрибут?

Answer 35

HTML предоставя хипервръзка - _a_ таг за указване на връзките в уеб страница. Атрибутът 'href' се използва за указване на връзката, а атрибутът 'target' се използва за указване къде искаме да отворим свързания документ. Атрибутът „target“ може да има следните стойности: 1._self : Това е стойност по подразбиране. Той отваря документа в същия прозорец или раздел, в който е щракнато. 2._blank : Отваря документа в нов прозорец или раздел. 3._parent : Отваря документа в родителска рамка. 4._top : Отваря документа в прозорец с цяло тяло.

Question 36

По колко начина можем да посочим CSS стиловете за HTML елемента?

Answer 36

Има три начина, по които можем да определим стиловете за HTML елементи: Inline : Тук използваме атрибута 'style' вътре в HTML елемента. Internal: Тук използваме тага _style_ вътре в тага _head_. За да приложим стила, ние свързваме елементите с помощта на атрибути 'id' или 'class'. External: Тук използваме _link_ тага вътре в _head_ тага, за да посочим CSS файла в нашия HTML код. Отново обвързването между елементи и стилове се извършва с помощта на атрибути 'id' или 'class'.

Question 37

Разлика между етикета за връзка _link_ и етикета anchor tag ?

Answer 37

Тагът anchor tag _a_ се използва за създаване на хипервръзка към друга уеб страница или към определена част от уеб страницата и върху тези връзки може да се кликне, докато етикетът за връзка _link_ дефинира връзка между документ и външен ресурс и те не са с възможност за кликване.

Question 38

Как да включите javascript код в HTML?

Answer 38

HTML предоставя таг _script_, чрез който можем да стартираме кода на javascript и да направим нашата HTML страница по-динамична.

This is a demo for

Question 39

Кога да използваме script в head и кога да използваме скриптове в body?

Answer 39

Ако script съдържат някои функции, задействани от събитие, или библиотека jquery, тогава трябва да ги използваме в секцията head. Ако script записва съдържанието на страницата или не е вътре във функция, тогава той трябва да бъде поставен в основната част в долната част. Накратко, следвайте следните три точки: 1.Поставете библиотечни script или script за събития в секцията head. 2.Поставете нормални script, които не пишат нищо на страницата, в секцията head, докато не възникне проблем с производителността. 3.Поставете script, които изобразяват нещо на уеб страницата в долната част на основния раздел.

Question 40

Какво представляват forms и как се създават forms в HTML?

Answer 40

HTML forms се използва за събиране на въведените от потребителя данни. HTML предоставя таг _form_ за създаване на forms . За да вземем въведени данни от потребителя, ние използваме тага _input_ във forms , така че всички събрани потребителски данни да могат да бъдат изпратени на сървъра за обработка. Има различни типове въвеждане като ‘button’, ‘checkbox’, ‘number’, ‘text’, ‘password’, ‘submit’ и др.

Enter your name: Enter Mobile number

Question 41

Как да обработваме събития в HTML?

Answer 41

HTML позволява действия за задействане на събития в браузъри, използващи javascript или JQuery. Има много събития като 'onclick', 'ondrag', 'onchange' и т.н.

0

Question 42

Какви са някои от предимствата на HTML5 пред предишните му версии?

Answer 42

Има мултимедийна поддръжка. Той има възможностите да съхранява офлайн данни, използвайки SQL бази данни и кеш на приложения. Javascript може да се изпълнява във фонов режим. HTML5 също така позволява на потребителите да рисуват различни форми като правоъгълници, кръгове, триъгълници и др. Включени са нови семантични тагове и тагове за контрол на формата.

Question 43

Как можем да включим аудио или видео в уеб страница?

Answer 43

HTML5 предоставя два тагове: _audio_ и _video_ тагове, чрез които можем да добавим аудио или видео директно в уеб страницата.

Question 44

Inline and block елементи в HTML5?

Answer 44

Inline Inline elements just take up the space that is absolutely necessary for the content and does not start from a new line. Example:- , , , , , , , , , _{, , ,}