[TC] Wordpress, Gutenberg: создание внутренних ссылок
Здравствуйте, Уважаемые участники листа.
Друзья, Обращаюсь к знатокам блого-CMS Wordpress и его нового
редактора Гутенберг.
Хочу создать страницу со статьёй. В статье должны быть примечания в
конце. Само собой, из текста статьи на примечания должны вести
внутренние ссылки. Вот на создании всего этого хозяйства и вышел
затык.
Если верить общественности, внутренние ссылки штатно можно делать только
на
заголовки. Пытался руками прописывать в HTML-коде ID у P
(<p id="bm1">). Редактор выдаёт сообщение о том, что
ему встретилось что-то неожидаемое... В конце-концов загнал внутрь
контейнера <p> <a name="bm1">. Вроде такое редактор принял. Но
при активации ссылки <a href="#bm1"> перехода на примечание не
происходит.
То ли глюк браузера, то ли Джоза, то ли вообще смешивать HTML4 (где
можно использовать <a name...) и HTML5 (где рекомендуют использовать
ID) Совсем не гут...
Был бы благодарен за подсказку, как кошерным образом организовать
примечания в статье...
P.S. пользовать классический редактор пытался. Как вставить якорь в
визуальном режиме - не нашёл. В режиме HTML у меня JAWS читал только
начало статьи. Текст, почему-то не прокручивался. Браузер - хром.
Всем доброго времени суток! Здравствуйте, Михаил!
10.02.2020 22:16, Михаил Духонин пишет:
только
Если верить справочнику html, атрибут id может применяться практически
ко всем тегам, в т.ч. и к p.
http://htmlbook.ru/html/attr/id
Этот код у меня с NVDA работает.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no,
initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<a href="#test">
Go to test
</a>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus
labore magnam magni quis repellendus reprehenderit voluptatum? At
corporis dicta est eveniet excepturi laboriosam maiores quaerat saepe
sit voluptas! Eveniet, hic!
</p>
<p id="test">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci
asperiores autem consectetur eius in, ipsum iusto maxime molestiae
molestias necessitatibus numquam perspiciatis, praesentium quisquam
recusandae sint tempore tenetur ullam ut?
</p>
</body>
</html>