Хтмл5 Нови елементи - Топ 10 нових елемената Хтмл5 са примерима

Преглед садржаја:

Anonim

Преглед нових елемената ХТМЛ5

Од 1999. године, када је ХТМЛ 4.01 постао стандард, веб и употреба веба су променили суштинску меру. В3Ц је одредио да промијени основну ХТМЛ синтаксу из Стандардног генерализованог језика за означавање (СГМЛ) у КСМЛ, а такође и потпуно различите језике за означавање, као што су скалабилна векторска графика (СВГ), КСФормс и МатхМЛ. Тренутно су неке ХТМЛ 4.01 компоненте застарјеле, никада се не користе или се не користе како се очекује. Сваки део компонената у ХТМЛ5 премешта се или поново саставља. ХТМЛ5 је уврстио нове елементе за илустрацију представљања, приказивање дигиталног садржаја, побољшани изглед странице и општу функционалност, те неколико нових интерфејса како би се адекватно удовољило данашњим интернет захтевима.

Постоји неколико нових елемената уведених у ХТМЛ5, који нуде одређене додатне функције за развој пожељне и интерактивне странице. Код можемо да креирамо брзо и ефикасно уз помоћ таквих компоненти. Због недостатка структуре, многи добро формирани ХТМЛ документи су теже руковати него што требају да буду. Процјеном љествице заглавља морамо сазнати куда се одломци сегмента налазе. Елемент див идентификује бочне траке, подножја, заглавља, навигацијске меније и главне делове садржаја.

Топ 10 ХТМЛ5 нових елемената

ХТМЛ5 пружа нове елементе за побољшање изгледа документа.

1.

Елемент специфицира дио странице који укључује засебну структуру у документу, одјељку или веб локацији и који се препоручује широко дистрибуирати или употребљивати. Ово може бити групна објава часописа или дневног извештаја са новинских извештаја, подношење интернетском билтену, примедба коју је послао купац или било који други објекат без супстанци.

Пример:



Article Element

EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.



Article Element

EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.



Article Element

EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.



Article Element

EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.



Article Element

EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.

Излаз:

  • Спремите горњи код у датотеку са .хтмл наставком.
  • Покрените хтмл датотеку у прегледачу и добили бисте излаз као што је приказано на слици испод.

2

Елемент у многочему означава појединачни садржај као категоризације, мапе, слике, чланке са кодима и још много тога.

Пример:



Figure Element

ЕДУЦБА је водећи светски добављач образовања заснованог на вештинама који се бави потребама 500.000+ чланова у 40+ земаља.

Излаз:

Горњи код ће произвести резултат као што је приказано на слици испод,

3.

Елемент се користи за додавање описа слике.

Пример:



Figure Caption Element

ЕДУЦБА је водећи светски добављач образовања заснованог на вештинама који се бави потребама 500.000+ чланова у 40+ земаља.


ЕДУЦБА (Цорпорате Бридге Цонсултанци Пвт Лтд)

Излаз:

Горњи код приказује резултат као што је приказано на слици испод,

4.

Елемент се користи за одређивање заглавља документа или одјељка на страници. Можете дефинисати више од једног заглавља у једном документу.

Пример:



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three



Header Element


Header One
Header Two
Header Three

Садржај документа иде овде …

Излаз:

Горњи код приказује резултат као што је приказано на слици испод,

5.

Елемент се користи за одређивање информација као што су информације о аутору, информације о ауторским правима, контакт, линкови на сродне документе, ситемап и многе друге.

Пример:



Footer Element

Цопиригхт © 2019 ввв.едуцба.цом

Контакт:

Излаз:

Горњи код приказује резултат као што је приказано на слици испод,

6

Елемент се користи за приказивање главних, односно важних информација документа.

Пример:



Main Element

Информације о заглављу

Основне информације

ЕДУЦБА


ЕДУЦБА је водећи светски добављач образовања заснованог на вештинама …


Информације о подножју

Излаз:

Горњи код ће произвести резултат као што је приказано на слици испод,

7.

Елемент се користи за означавање или обележавање текста бојом позадине која привлачи корисника за одређени текст у документу.

Пример:



Mark Element

ЕДУЦБА је водећи светски добављач образовања заснованог на вештинама који се бави потребама 500.000+ чланова у 40+ земаља.

Излаз:

Горњи код приказује резултат као што је приказано на слици испод,

8

Елемент се користи за одређивање навигацијских веза на страници. Ове везе омогућавају повезивање са другим страницама у документу.

Пример:



Nav Element


HTML |
CSS |
JAVA |
PHP |
PYTHON

Излаз:

Горњи код ће произвести резултат као што је приказано на слици испод,

9.

Елемент се користи за дефинирање самосталног одјељка или одређене регије у документу.

Пример:



Section Element

Main Article



Section Element

Main Article



Section Element

Main Article

Овде ће бити приказан садржај главног заглавља …


Одељак први


Садржај првог одељка биће приказан …


Одељак други


Садржај другог одељка биће приказан …

Излаз:

Горњи код приказује резултат као што је приказано на слици испод,

10.

Ознака је поддељек ознаке који пружа текст који се може приказати или сакрити када корисник кликне на наслов.

Пример:



Summary Element


EDUCBA - Corporate Bridge Consultancy Pvt Ltd

То је водећи светски добављач образовања заснованог на вештинама које се бави потребама 500 000+ чланова у 40+ земаља.

Излаз:

Када покренете горњи код, он ће приказати резултат као што је приказано у наставку,

Као што је приказано на слици, кликните на наслов, он ће приказати скривени текст као што је приказано на слици испод,

Закључак

До сада смо видели како су нови ХТМЛ5 елементи корисни за различите задатке у креирању веб странице. Ови нови елементи читају документ на тачније и на стандардни начин и развијају сложеније и ефикасније веб апликације. Нови ХТМЛ5 елементи пружају неке додатне додатне функције за генерисање интерактивних веб локација.

Препоручени чланци

Ово је водич за нове елементе Хтмл5. Овде смо расправљали о првих 10 нових елемената Хтмл5 за побољшање изгледа документа. Такође можете погледати следеће чланке да бисте сазнали више -

  1. Корекција боје у ефектима
  2. Топ 6 верзии Хтмл
  3. Хтмл5 вс Хтмл4
  4. КСХТМЛ вс ХТМЛ5
  5. Шта је мост?
  6. ХТМЛ5 тагови | Топ 4 ознаке ХТМЛ5