10 Цоол ствари које ХТМЛ тагови могу да ураде
Тренутно постоји укупно 142 ХТМЛ елемената стандардизован од стране В3Ц искључујући оне у почетним фазама стандардизације и оне које су застарјеле. Међутим, могуће је промашити или заборавити неке од њих које могу бити корисне када је то потребно.
Раније смо извели рекапитулацију неких од најбољих ЦСС трикова које сте можда превидели. Овај пост ће вас подсетити на неке од ХТМЛ ознака које нисте знали да можете да користите за имплементацију функција као што су:
1. Мапирајте слике
ХТМЛ Елементи се могу користити за креирање мапа слика. Мапе слика су у основи слике на којима се могу кликати, које могу бити хипервезиране на другу веб страницу или друге дијелове истог документа. Можете да дефинишете које се области слике могу кликнути једноставним помињањем одговарајућих Кс И координата тих тачака у
елементи угнијежђени унутар
.
Белешка: Подручја која се могу кликнути не могу се стилизирати путем ЦСС-а, тако да, ако желите да се ти маркери стилизирају, користите једноставан софтвер за уређивање слика да бисте нацртали маркере.
Савет: Ако желите да знате координате тачке на слици, отворите слику у софтверу за уређивање слика и померите курсор до те тачке, требали бисте моћи да видите координате у самом софтверу. За ГИМП је приказан на левој страни доње траке.
2. Приједлози уноса
Усе да бисте дали листу релевантних предлога који се појављују приликом уноса улазне вредности.
3. Означите Текст
Означени текст обично има тамну боју текста са светлом позадином. Тај ефекат означеног текста можете постићи само маркупом. Било који текст затворен унутар ће имати такав ефекат.
Можете прилагодити истакните боју са боја позадине
ЦСС својство анд тхе цолор цолор са
цолор
својство.
4. Дефине Темплатес
Заједно са ХТМЛ5 дошао је нови елемент. Тхе
елемент садржи маркуп унутар њега који није приказан од стране прегледача, означавање које је приложено треба да се користи за генерисање динамичких садржаја на страници усинг ЈаваСцрипт.
На пример, претпоставимо да имате а Ситна штампа се односи на текст документа који се типично штампа у малој величини и садржи информације као што су услови, термини, ограничења, цитати, законска права итд. Тхе Белешка: Сви релативни УРЛ-ови на страници ће бити упућени на основу основног УРЛ-а, ако имате било коју везу са другим доменом, не заборавите да му доделите комплетну УРЛ адресу. Одговарајући веб развој је у моди са све већим мобилним приступом. Слике се могу промјенити за различите величине заслона помоћу ознаке. Тхе Белешка: Ово тренутно ради само у Цхроме-у. Мораћете да подесите ХТМЛ5 је увео многе нове елементе типа уноса; елемент за унос боје је један од њих. Омогућава вам да одаберете боју на веб страници уз помоћ алата за избор боја. Ако имате много опција у падајућој листи и желите да их прикажете груписане, Ознака унутра где се редови додају динамички, можете једноставно ставити ознаку празног реда у табелу
таг и када је потребно позовите ЈаваСцрипт функцију која садржи скрипту да бисте копирали маркуп унутар ознака шаблона и додали га у табелу. ИЕ то не подржава.
5. Фино штампање
ознака у ХТМЛ-у може да се користи за приказивање финих отисака. Из ХТМЛ5 надаље
ознака не приказује само фино штампан стилски текст, већ ће семантички дефинисати исто као и правна одрицања и упозорења.
6. Доделите основну УРЛ адресу
ХТМЛ елемент је веома згодан када имате више веза у документу са истим УРЛ-овима домена, омогућава вам да додате основни УРЛ документу који вам омогућава да додате додатне релативне УРЛ-ове на друге везе на страници према потреби.7. Одговарајуће слике
ХТМЛ5 елемент вам омогућава да додате различите изворе слике за различите медије за слику у њој.
дом.имаге.пицтуре.енабле
до истина
у абоут: цонфиг
ин Фирефок.8. Одабир боја
9. Групне опције
елемент ће обавити посао. Такођер можете обликовати групе помоћу ЦСС-а.
10. Тхе
елемент
претраживач приказује само када је скрипт онемогућен. Ова ознака је корисна за кориснике који знају када је скрипт онемогућен у њиховом прегледачу и да пруже било који алтернативни механизам за резервне компоненте на веб страницама које ће престати да раде без ЈаваСцрипт-а.
Сада прочитајте: 15 корисних ЦСС трикова које сте можда превидјели