10 Готини неща, които HTML таговете могат да правят
В момента има a общо 142 HTML елемента стандартизирани от W3C, с изключение на тези в началните фази на стандартизацията и тези, които са остарели. Въпреки това е възможно да пропуснете или забравите някои от тях, които могат да бъдат полезни, когато е необходимо.
По-рано направихме преглед на някои от най-добрите трикове за CSS, които може да сте пропуснали. Тази публикация ще ви напомни някои от HTML маркерите, които не сте знаели, че можете да използвате, за да реализирате функции като:
1. Картирайте изображения
HTML елементите могат да се използват за създаване на карти на изображения. Карти на изображения са основно изображения с кликащи се области, които могат да бъдат хипервръзки към друга уеб страница или други части на същия документ. Можете да определите кои области на изображението могат да бъдат кликани, като просто посочите съответните X Y координати на тези точки в
елементи вложени вътре
.
Забележка: Зоните за кликване не могат да бъдат оформени чрез CSS, така че ако искате тези маркери да бъдат оформени, използвайте прост софтуер за редактиране на изображения, за да изтеглите маркерите..
Бакшиш: Ако искате да знаете координатите на дадена точка в изображение, отворете изображението в софтуер за редактиране на изображения и преместете курсора до тази точка, трябва да можете да виждате координатите му в самия софтуер. За GIMP тя е показана в лявата част на долната лента.
2. Предложения за въвеждане
употреба за да предоставите списък с подходящи предложения, които се появяват при въвеждане на входна стойност.
3. Маркирайте Text (Текст)
Подчертаният текст обикновено има тъмен цвят на текста със светъл фон. Можете да постигнете този маркиран ефект само с маркиране. Всеки текст, затворен в. \ T ще има този ефект.
Можете да персонализирате подчертайте цвета с Цвят на фона
CSS собственост на и цвят на текста с
цвят
Имот.
4. Дефиниране на шаблони
Наред с HTML5 дойде и новото елемент. Най-
елемент съдържа маркиране вътре в него, което не се визуализира от браузърите, маркираният от него код трябва да се използва за генериране на динамично съдържание в страницата използване на JavaScript.
Да предположим например, че имате a Фино печат се отнася до текста на документа, който обикновено се отпечатва в много малък размер, съдържащ информация като условия, условия, ограничения, цитати, законни права и т.н. Най- Забележка: Всички относителни URL адреси в страницата ще бъдат препратени въз основа на основния URL адрес, ако имате връзка с различен домейн, не забравяйте да присвоите целия URL адрес на него. Отзивчивото уеб разработване е на мода с все по-нарастващия мобилен достъп. Изображенията могат да се превключват за различни размери на екрана с маркиране. Най- Забележка: Това в момента работи само в Chrome. Ще трябва да зададете HTML5 въведе много нови елементи за тип въвеждане; елементът за въвеждане на цвят е един от тях. Тя ви позволява да изберете цвят на уеб страница с помощта на избор на цвят. Ако имате много опции в падащия списък и искате да ги покажете групирани, Маркировката вътре където редовете трябва да се добавят динамично, можете просто да поставите маркировката на празен ред на тази таблица вътре в
tag и когато е необходимо, извикайте JavaScript функция, съдържаща скрипт, за да копирате маркировката от шаблоните и да я добавите към табличната таблица. Това не се поддържа от IE.
5. Фин печат
може да се използва за показване на фини разпечатки. От HTML5 нататък
маркер не само показва фино отпечатан стил, но и семантично ще дефинира същото като правни откази и предупреждения.
6. Задайте основен URL адрес
Елементът HTML е много полезен, когато в документа имате няколко връзки с един и същ URL адрес на домейн, той ви позволява да добавите основен URL адрес към документа, който от своя страна ви позволява да добавяте само относителни URL адреси към други връзки в страницата, ако е необходимо.7. Отзивчиви изображения
Елементът HTML5 ви позволява да добавяте различни източници на изображения за различни медии за изображението вътре в него.
dom.image.picture.enable
да се вярно
в за: довереник
в Firefox.8. Избор на цвят
9. Групови опции
елемент ще свърши работата. Можете също така да оформяте групите с CSS.
10.
елемент
се визуализира от браузъра само когато скриптът е деактивиран. Този маркер е полезен, за да позволи на потребителите да знаят кога скриптът е деактивиран в браузъра си, и да предостави алтернативен резервен механизъм за компоненти на уеб страниците, който ще спре да работи без JavaScript.
Сега прочетете: 15 полезни CSS трикове, които може да сте пропуснали