10 Cool Cool HTML теги можуть робити
На даний момент є всього 142 елементів HTML стандартизовані W3C, за винятком тих, які були на початкових етапах стандартизації, і ті, які застаріли. Тим не менш, можна пропустити або забути деякі з них, які можуть бути корисними, коли це необхідно.
Раніше ми повторили деякі з найкращих трюків CSS, які ви могли пропустити. Ця публікація нагадає вам про деякі теги HTML, які ви не знали, що ви могли б використовувати для реалізації таких функцій, як:
1. Зображення карти
HTML елементи можуть бути використані для створення карти зображень. Мапи зображень це в основному зображення з кліками, на яких вони можуть знаходитися, які можуть бути гіперпосиланням на іншу веб-сторінку або інші частини одного й того ж документа. Ви можете визначити, які ділянки зображення можна натискати, просто вказавши відповідні координати X Y цих точок у
елементи, вкладені всередину
.
Примітка: Області, що не підлягають кліку, не можуть бути стилізовані через CSS, тому, якщо ви хочете, щоб ці маркери були стилі, використовуйте просте програмне забезпечення для редагування зображень, щоб намалювати маркери.
Порада: Якщо ви хочете дізнатися координати точки в зображенні, відкрийте зображення в програмному забезпеченні редагування зображень і перемістіть курсор до цієї точки, ви зможете побачити координати його в самому програмному забезпеченні. Для GIMP це показано на лівій стороні нижньої панелі.
2. Введення пропозицій
Використовуйте щоб надати список відповідних пропозицій, що з'являються під час введення вхідного значення.
3. Виділіть Текст
Виділений текст зазвичай має темний колір тексту з світлим тлом. Ефект виділеного тексту можна досягти лише за допомогою розмітки. Будь - який текст, укладений всередині буде мати такий ефект.
Ви можете налаштувати виділити колір з Колір фону
Властивість CSS і колір тексту з
колір
власності.
4. Визначте шаблони
Поряд з HTML5 прийшли нові елемент. The
елемент містить розмітку всередині нього, яка не відображається веб-переглядачами, розмітка, яку вона додає, використовується для генерувати динамічний вміст на сторінці використовуючи JavaScript.
Наприклад, припустимо, що у вас є a Дрібний відбиток стосується тексту документа, який зазвичай друкується в дуже малих розмірах, що містить інформацію, наприклад, умови, терміни, обмеження, цитати, юридичні права тощо. The Примітка: Усі відносні URL-адреси на сторінці будуть називатися на основі базової URL-адреси, якщо у вас є посилання на інший домен, не забудьте призначити його повну URL-адресу. Реагуючий веб-розробка в моді з постійно зростаючим мобільним доступом. Зображення можна перемикати для різних розмірів екрана за допомогою розмітки. The Примітка: Наразі вона працює лише в Chrome. Ви повинні встановити HTML5 представив багато нових елементів типу введення; елемент введення кольору є одним з них. Це дозволяє вибрати колір на веб-сторінці за допомогою вибору кольорів. Якщо у вас є багато варіантів у випадаючому списку і ви хочете показати їх згруповані, то Розмітка всередині де динамічно додаються рядки, можна просто помістити розмітку порожнього рядка цієї таблиці всередині
тег і при необхідності викликають функцію JavaScript, що містить скрипт, щоб скопіювати розмітку з тегів шаблонів і додати її до розмітки таблиці. Це не підтримується IE.
5. Тонкий друк
тег у HTML можна використовувати для показу дрібних відбитків. З HTML5 далі
тег не тільки відображає текст з тонким друком, але й семантично визначає той самий, що і юридичні застереження та застереження.
6. Призначте базову URL-адресу
Елемент HTML є досить зручним, якщо у вашому документі є декілька посилань з однаковими URL-адресами домену, це дозволяє додати базовий URL до документа, який, у свою чергу, дозволяє додавати лише відповідні URL-адреси до інших посилань на сторінці..7. Відповідні зображення
Елемент HTML5 дозволяє додавати різноманітні джерела зображень для різних носіїв зображення.
dom.image.picture.enable
до вірно
в about: config
у Firefox.8. Палітра кольорів
9. Параметри групи
елемент виконає роботу. Можна також оформляти групи за допомогою CSS.
10.
елемент
відображається веб-переглядачем лише тоді, коли скрипт вимкнено. Цей тег є корисним для того, щоб користувачі могли дізнатися, коли скрипт вимкнено у своєму веб-переглядачі, а також надати будь-який альтернативний механізм резервного копіювання для компонентів веб-сторінок, які перестануть працювати без JavaScript.
Тепер читайте: 15 корисних хитрощів CSS, які ви могли б пропустити