Въведение в HTML5 елементи
Най-вече сме запознати с уеб сайтове. Уеб сайтът е просто колекция от уеб страници За създаване на всяка уеб страница, от която се нуждаем. HTML е елементът, който е отговорен за създаването на всяка уеб страница. HTML означава „HyperText Markup Language“. Това е основен език за маркиране, който се използва за създаване на всякакви уеб страници, които допълнително съдържат за формиране на уебсайтове. HTML е еволюирал толкова много от началния етап, когато е бил формиран
Първоначално HTML е разработен от W3C и WHATWG. Първоначално е разработен през 1993 г. W3C проверява главно за стандартите на Html и други неща. HTML еволюира много от първоначалната версия 1.0 до версията на 5 HTML5 има много нови HTML тагове.
HTML тагове, там Използвания и примери
По-долу са някои маркери на HTML с техните приложения и примери са както следва -
Нови елементи в HTML5
1) - Това е нов елемент от формата в HTML5. Той помага да се реализира функция за автоматично довършване, където се появява поле за въвеждане, където потребителят може да вмъква текст, за да види елементи в списъка
Пример:
Сега копирайте горния фрагмент на кода и го поставете във HTML файла. Сега отворете файла в браузъра
- Този маркер представя изхода на всяко изчисление, което се изчислява на HTML файл
пример
0
100
+
=
Сега копирайте горния фрагмент на кода и го поставете във HTML файла. Сега отворете файла в браузъра
2) - Този елемент се използва за получаване на вход от потребителя. Текстът, въведен от потребителя, обикновено е текстова форма
пример
Favorite Football Player:
Favorite Football Team:
Сега копирайте горния фрагмент на кода и го поставете във HTML файла. Сега отворете файла в браузъра
3) - Този елемент се използва за получаване на парола от потребителя.
пример
User name
Password:
Сега копирайте горния фрагмент на кода и го поставете във HTML файла. Сега отворете файла в браузъра
4) - Този маркер прави бутон за изпращане. Този бутон се използва за изпращане на формуляра
Пример - В примера по-долу актуализирайте стойността на действието с пътя към php файла
Favorite Football Player:
Favorite Football Team:
Сега копирайте горния фрагмент на кода и го поставете във HTML файла. Сега отворете файла в браузъра
5) - Този елемент помага да се получи един вход от потребителя от наличните множество елементи. Потребителят може да избере всеки от елементите, налични в списъка
пример
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Сега копирайте горния фрагмент на кода и го поставете във HTML файла. Сега отворете файла в браузъра
6) - Този елемент помага за получаване на множество входове от потребителя от наличните множество елементи. Потребителят може да избере произволен брой от елементите, налични в списъка
пример
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Сега копирайте горния фрагмент на кода и го поставете в html файл. Сега отворете файла в браузъра
7) HTML put type = "number"> - Този елемент помага за цифровата стойност от потребителя. Потребителят може да вмъкне в полето само цифрова стойност
пример
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Сега копирайте горния фрагмент на кода и го поставете във HTML файла. Сега отворете файла в браузъра
8) - Този елемент помага да се провери дали въведената от потребителя стойност е валиден имейл. Показва грешка при изпращане, ако имейлът не е валиден
пример
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Сега копирайте горния фрагмент на кода и го поставете в html файл. Сега отворете файла в браузъра
Освен това, HTML5 има много нови елементи, добавени към него. Някои от тях са -
- диапазон
- URL
- тел
- звуков
- закрепвам
Освен HTML елементи. Освен това е добавил нови семантични елементи. Някои от важните семантични елементи са:
Заключение - HTML5 елементи
Има много тагове с HTML%, който се разработва. От първоначалната версия на 1.0 до най-новата версия 5.2, HTML е развил много. Тези тагове помагат за осигуряване на по-добър интерфейс на потребителя, както и предоставя няколко проверки на самата потребителска машина.
Препоръчителни статии
Това е ръководство за HTML5 елементи. Тук обсъждаме въвеждането, HTML маркерите, неговите употреби и съответните им примери. Можете да разгледате и другите ни предложени статии, за да научите повече -
- Html5 срещу Html4
- HTML срещу HTML5
- Въпроси и отговори за интервю с HTML5
- 10 най-добри разлики HTML спрямо HTML5 (Инфографика)
- HTML рамки
- Html5 Нови елементи
- HTML5 тагове | Топ 4 тагове на HTML5 | Примери
- Ръководство за HTML5 семантични елементи