Next.js에서 HTML lang 속성을 설정하는 방법은 무엇입니까?
3403 단어 webdevjavascriptnextjsreact
HTML lang 속성이란 무엇입니까?
HTML lang 속성은 웹에서 콘텐츠의 언어를 식별하는 데 사용되며, 예를 들어 스페인어와 영어와 같이 전 세계 사용자가 있는 경우 검색 엔진이 스페인어 또는 영어 스크린 리더가 제공할 언어별 결과를 반환하는 데 도움이 됩니다. 정확한 발음.
Next.js의 lang 속성
HTML에서
lang
속성은 다음과 같습니다.<html lang="en">
<!-- Head and Body -->
</html>
Next.js에서
lang
태그를 변경하여 단순히 HTML
속성을 설정할 수 없습니다.Next.js에서
lang
속성을 HTML
태그로 설정합니다. i18n
에 next.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/
연결하자
제 콘텐츠가 도움이 되었고 시간을 내어 주셔서 감사하다는 말씀을 드리고 싶다면 언제든지 커피를 사주세요 - https://www.buymeacoffee.com/codewithsnowbit .
Reference
이 문제에 관하여(Next.js에서 HTML lang 속성을 설정하는 방법은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/dhairyashah/how-to-set-the-html-lang-attribute-in-nextjs-271k텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)