Почетна » Цодинг » 10 Нове карактеристике ХТМЛ-а 5.1 и како их користити ИРЛ

    10 Нове карактеристике ХТМЛ-а 5.1 и како их користити ИРЛ

    ХТМЛ спецификација је добила а главни ремонт пре неколико недеља када је В3Ц објавио свој нова ХТМЛ 5.1 препорука у новембру 2016. У свом недавном блогу, В3Ц је назвао нови главни издање Златни стандард, као ХТМЛ 5.1 нам даје нове начине како можемо користити ХТМЛ за стварање флексибилнијих веб искустава.

    У овом чланку ћемо погледати његове нове могућности које можете користити без додиривања ЈаваСцрипт-а, међутим, побољшања ЈаваСцрипт позадине су такође изузетна, као што можете видети у службени дневник промена.

    Имајте на уму да тренутно сви претраживачи не подржавају све ове функције, тако да не заборавите цхецк суппорт бровсер пре него што их употребите у производњи. Ако сте заинтересовани за даљи развој ХТМЛ стандарда, можете проверити и радни нацрт ХТМЛ-а 5.2.

    1. Дефинирајте вишеструке ресурсе слике за одговарајући дизајн

    У ХТМЛ 5.1 можете користити са ознаком срцсет атрибут одговарајући избор слика могуће. Тхе таг представља имаге цонтаинер који омогућава програмерима да декларишете различите ресурсе слике да би се прилагодили УАВеличина приказа екрана, густина екрана, тип екрана и други параметри коришћени у Нацрт са одзивом.

    Тхе сама ознака не приказује ништа, она функционише само као контекст за вишеструке ресурсе слике. Морате да прогласите дефаулт имаге ресоурце као вредност срц атрибут и ознаку алтернативни сликовни ресурси идите у срцсет атрибути и елементи.

    Пример кода:

    2. Прикажите или сакријте додатне информације

    Са

    и тагови, можете додајте проширене информације до садржаја. Додатне информације подразумевано није приказано, али ако су корисници заинтересовани, они имате опцију да погледате. У вашем коду, требало би поставите таг инсиде
    . После таг можеш додајте додатне информације желите да се сакријете.

    Пример кода:

     
     
    Порука о грешци
     
     Нисмо могли завршити преузимање овог видеа. 
     
    Назив документа:
    иоурфиле.мп4
     
    Величина фајла:
    100 МБ
     
    Трајање:
    00:05:27

    Овако изгледа пример кода у Фирефок 50.0.2:

    3. Додајте функционалност у контекстни мени прегледача

    Са елемент и његов типе = "цонтект" атрибут, можете додајте прилагођене функције до контекстног менија претраживача. Морате да доделите као дете елемент

    таг. Тхе ид од елемент треба носе исту вредност као и садржај аттрибуте елемента којем желимо додати контекстни мени (који је

    Тхе таг цан имају три различите врсте, "поље за потврду", "команда" (на које морате додати радњу са ЈаваСцрипт-ом), и радио. Могуће је додати више од једне ставке менија у контекстни мени, без обзира на то бровсер суппорт за ову функцију је још није добро. Цхроме 54 га не подржава, а Фирефок 50 дозвољава само присуство једног додатног контекстног менија. У наставку можете видјети како примјерак кода ради у Фирефок 50.

    4. Заглавља и подножја гнезда

    ХТМЛ 5.1 вам омогућава заглавља и подножја гнезда ако је сваки ниво садржане у садржају секције. Белешка испод је снимак екрана из В3Ц докумената и саветује програмерима о правом начину гнезда и подножја.

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

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