RSS 독자에서 작동하는 각주

현재 Feedbin을 RSS 리더로 사용하여 최근 앱 내에서 깔끔한 대화식 기능을 만났습니다. 각주로 판명 된 번호가 매겨진 버튼과 같은 요소는 Harry의 블로그 게시물 중 하나에서 내 눈을 사로 잡았습니다. 이 위에 호버링하면 해당 메모가 나타났습니다.

이 각주에 대한 블로그 게시물의 HTML은 다음과 같이 구성됩니다.

<p> ... 그들은 27.9MB의 이미지를 임계 경로에 놓았습니다. 
거의 30MB의 이전에 비 렌즈 차단 자산이 방금 
탈출 해치없이 의도적으로 차단하는 것으로 바뀌 었습니다. 시작 
렌더링 시간은 케이블 연결을 통해 27.1s만큼 높았습니다 <sup><a href="https://www.php.cn/link/b22511377f9a12f2c227ef2628933a3d">1</a></sup> .</p>

https://www.php.cn/link/b22511377f9a12f2c227ef2628933a3d 를 가리키는 간단한 앵커 링크.<sup></sup> 태그는 각주 링크의 시각적 큐를 제공합니다. 기본 스타일은 예상대로입니다.

게시물 끝의 각주에 대한 HTML은 다음과 같습니다.

<div>
  <ol>
<li>
     <p>5MB UP, 1MB 다운, 28ms Rtt. <a href="https://www.php.cn/link/a1cae678af59c92bbf86e04d9949aad7">↩</a></p>
    </li>
  </ol>
</div>

덧붙여서, Harry는 scroll-behavior 사용하여 부드러운 스크롤과 영리한 :target 스타일링을 사용하는 것을 발견했습니다.

본질적으로 시스템은 다음과 같습니다.

1. 각주에 액세스하는 링크.
2. 원본 텍스트에 대한 리턴 링크.

복잡한 라이브러리가 관여하지 않습니다. 의미 적으로 정확한 HTML. 이 접근법은 해시 링크 및 요소 ID를 올바르게 처리하는 RSS 리더에서 작동해야합니다.

Feedbin의 고유 한 기여는 향상된 UI 스타일 및 대화식 요소에 있습니다. 검사에 따르면 Feedbin은 원래 마크 업을 숨기고 사용자 지정 요소로 대체합니다. 이것은 기사 로딩시 트리거 된 JavaScript 함수 (아마도 "Bigfoot")의 사용을 시사합니다.

이 기능은 기능적이고 기본적인 HTML 구조를 기반으로합니다. 다른 RSS 리더 에서이 마크 업의 동작을 테스트하기 위해 다양한 플랫폼을 실험하고 의견 섹션에서 독자의 응답에 대한 피드백을 환영합니다.

Michael Kiesling이 제작하고 2017 년 Plan B Games ¹ 에 의해 출판 된 추상 전략 보드 게임 인 Azul은 2 ~ 4 명의 플레이어를 지원합니다. 플레이어는 타일을 모아 5x5 보드를 완성합니다. 타일은 단일 색상의 모든 타일을 가져 와서 연속으로 배치하고 모든 둥근 타일이 주장 될 때까지 교대로 수집합니다. 그런 다음 완성 된 각 행에서 하나의 타일이 플레이어의 5x5 보드로 이동하고 다른 행은 버려집니다. 점수는 타일 배치에 따라 다릅니다. 플레이어가 5x5 보드를 통해 행을 채울 때까지 라운드는 계속됩니다.

1. Plan B Games는 또한 Century 및 Reef.와 같은 주목할만한 타이틀을 제작합니다.

위 내용은 RSS 독자에서 작동하는 각주의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!