고급 고급 텍스트: 용어집 모드

이전 기사에서 저는 Enhanced-text 요소가 그것의 light dom을 받아들이고 선택한 속성을 사용하여 끝점으로 보내는 방법에 대해 썼습니다. 또한 점진적 향상, 로드 상태 및 장애 복구도 다루었습니다.

이 문서에서는 이것이 전부라고 가정하고 다음 요구 사항이 있는 복잡한 대체 함수에 초점을 맞춥니다.

텍스트 본문에서 키워드를 정의하고 싶습니다

.

콘텐츠 작성자가 매번 정의를 작성하고 싶지 않습니다

.

콘텐츠 작성자가 이러한 참조를 유지하거나 형성하기를 원하지 않습니다

.

이 문제를 해결하기 위해 구현에 특화된 솔루션을 시작합니다. 이는 강화된 텍스트가 범용(vide-text)일 뿐만 아니라 우리가 활용하는 속성을 통해 플랫폼(HAXcms)에 매우 구체적일 수 있음을 보여줍니다.

용어집 만들기

dl , dt 및 dd 태그의 기능을 알고 계셨습니까? 뭐, 매일 사용하지 않습니까?! 나도. 하지만 these tags semantically inform the description list . "이것은 주제와 관련된 일련의 용어 및 정의입니다"라고 말할 수 있는 HTML이라고 생각하십시오. 매우 구체적이고 너무 많아서 15년 이상 이전에 사용한 적이 없지만 용어집을 만드는 데 정확히 필요한 것입니다.

다음은 EdTechJoker Example Glossary에서 용어를 읽는 데 활용되는 페이지입니다.

<dl>
  <dt>Bill</dt>
  <dd>Eating Panera</dd>

  <dt>Coffee</dt>
  <dd>Black hot drink</dd>

  <dt>Milk</dt>
  <dd>Thing I am intolerant of</dd>

  <dt>Watchdogs</dt>
  <dd>awesome video game series</dd>

  <dt>Design</dt>
  <dd>A word that is constantly over defined</dd>
</dl>

분명히 이것은 데모용일 뿐이지만 상황에 따라 이를 수행하려는 과정을 위한 옵션으로 곧 출시할 예정입니다(핵심은 요구 사항/토론을 통해 궁극적으로 시각화하는 방법입니다).

비디오

이 구현 방법론은 대부분 개념 증명이고 초기 UX 피드백에 따르면 컨텍스트에서 용어를 대체하는 대신 모든 용어를 나열하는 탭이 있는 것이 좋습니다.

이 비디오는 다음과 같이 진행됩니다.

제너럴아이디어

목표를 달성하기 위해 백엔드와 프런트엔드가 함께 작동하는 방법의 예

wikipedia 속성이 추가 컨텍스트를 결과에 혼합하는 데 어떻게 도움이 되는지 보여줍니다

.