Может ли href быть идентификатором?

Я изучаю JavaScript из учебника udemy и пытаюсь выполнять вызовы API. Есть сайт о рецептах, и я делаю вызовы API. И у меня есть недоразумение, потому что до сих пор я знал, что href - это ссылка, а не число.

Это фрагмент кода из index.html, а href - это идентификатор:

<li>
  <a class = "results__link results__link--active" href = "#23456">
    <figure class = "results__fig">
         <img src = "img/test-1.jpg" alt = "Test">
    </figure>
    <div class = "results__data">
         <h4 class = "results__name">Pasta with Tomato ...</h4>
         <p class = "results__author">The Pioneer Woman</p>
    </div>
 </a>
</li>

И это список рецептов, который я получаю, если совершаю вызов API и мне нужно указать recipe_id, который является числом в href. И я не понимаю, как мне поставить номер в href

Может ли href быть идентификатором?

Вы можете использовать число как компонент URL-адреса как параметр папки, файла или запроса, если сервер его понимает.

Patrick Sturm 23.11.2018 11:19

Обычно href - это ссылка на страницу. Но href также может быть id или их комбинацией, поэтому ваш браузер автоматически перейдет к конкретному id.

julianstark999 23.11.2018 11:20
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
2
4 817
3

Ответы 3

да. Если href - это #, передаваемый идентификатором элемента, это то, что называется якорной ссылкой. Это приведет вас к элементу с данным идентификатором на той же странице. Подробнее об этом можно прочитать здесь.

Can a href be an ID?

Короче да.

href не всегда означает внешнюю ссылку, он может ссылаться на элемент на текущей странице html, что из приведенного вами примера я думаю, что это так.

Если вы сопоставляете свой recipe_id как id с элементом на своей странице, а затем говорите ссылку recipe_id как href, когда вы щелкаете свой href, страница должна прокручиваться / переходить к элементу с этим идентификатором.

В любом случае вы можете использовать номер как гиперссылку.

# Означает, что это относится к элементу с этим идентификатором на странице. Насколько мне известно, это только классы, в которых нельзя использовать число в начале, не экранируя его.

Вы также можете покинуть текущую страницу и перейти к элементу на другой странице. Вы можете сделать это, привязав свой #id к строке URL-адреса, которую вы привыкли видеть.

Если вы дадите больше информации о проекте, мы сможем дать менее расплывчатые ответы.

Другие вопросы по теме