Next.js에서 HTML lang 속성을 설정하는 방법은 무엇입니까?

HTML lang 속성이란 무엇입니까?



HTML lang 속성은 웹에서 콘텐츠의 언어를 식별하는 데 사용되며, 예를 들어 스페인어와 영어와 같이 전 세계 사용자가 있는 경우 검색 엔진이 스페인어 또는 영어 스크린 리더가 제공할 언어별 결과를 반환하는 데 도움이 됩니다. 정확한 발음.

Next.js의 lang 속성



HTML에서 lang 속성은 다음과 같습니다.

<html lang="en">
  <!-- Head and Body -->
</html>



Next.js에서 lang 태그를 변경하여 단순히 HTML 속성을 설정할 수 없습니다.

Next.js에서 lang 속성을 HTML 태그로 설정합니다. i18nnext.config.js 객체를 추가해야 합니다.

수행 방법은 다음과 같습니다.

module.exports = {
  i18n: {
    locales: ["en"],
    defaultLocale: "en",
  },
  reactStrictMode: true,
}


위 스니펫에서 i18n i n의 속성을 이해해 봅시다.

  • locale: 웹사이트에 지원을 추가하려는 locales 값의 배열입니다. 예를 들어 스페인어의 경우 값을 es로 설정할 수 있습니다.

  • locales: ["es"]
    



  • defaultLocale: 다른 페이지에서 사용할 기본 로케일을 정의합니다.

  • 업데이트 후next.config.js 서버를 다시 시작하십시오. 최종 소스 코드에는 lang="en" 태그에 html 속성이 있습니다.

    <html lang="en"></html>
    


    Language codes의 전체 목록을 확인하십시오.

    결론



    lang 속성을 설정하는 방법에 대한 기사가 마음에 드셨기를 바랍니다. 읽어 주셔서 감사합니다!

    우리 모두는 개발자로서 어느 시점에서 더미 텍스트를 사용했습니다(예: "Lorem Ipsum"). 최근에 귀찮은 양식 필드와 같이 필요한 프로젝트에 유용한 더미 콘텐츠를 복사하여 붙여넣을 수 있는 사용하기 쉬운 서비스인 Let's Lorem Ipsum을 출시했습니다!

    Let's Lorem Ipsum - https://letsloremipsum.vercel.app/

    연결하자



  • GitHub

  • 제 콘텐츠가 도움이 되었고 시간을 내어 주셔서 감사하다는 말씀을 드리고 싶다면 언제든지 커피를 사주세요 - https://www.buymeacoffee.com/codewithsnowbit .

    좋은 웹페이지 즐겨찾기