.HTML (Strings)

컨텐츠는 영어 텍스트를 Phrase Language AI를 이용해 기계 번역한 것입니다.

파일 확장명	.html
API 확장	html
가져오기	예
내보내기	예
복수형 지원	아니요
설명 지원	아니요
형식 옵션 파일을 업로드 및/또는 다운로드할 때 지정할 수 있는 옵션입니다. 업로드/다운로드 방식(API, CLI, Repo 동기화 등)에 따라 `업로드`, `다운로드` 쿼리 매개변수나 `phrase.yml` 구성 파일에서 지정할 수 있습니다.	document_id

HTML은 다양한 상황에서 사용됩니다. 웹 개발은 정적 HTML 파일에서 벗어났지만, 이메일 형태와 같이 HTML 콘텐츠는 여전히 존재합니다.

모든 지원 형식과 마찬가지로, 시스템은 백그라운드에서 사용되는 XML 태그를 기반으로 문서에서 키와 값을 추출하려고 시도합니다. 이 과정에서 .HTML 파일의 간단한 요소(헤드라인, 단락 등)는 올바르게 감지되지만, 더 복잡한 콘텐츠는 지원되지 않습니다.

모든 HTML 태그는 편집자로 가져와 단락을 정확하게 인식할 수 있습니다.

예:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset=\"UTF-8\">
  <title>Phrase Strings 예시</title>
</head>
<body>
  <h1 data-i18n=\"page.title\">저희 앱에 오신 것을 환영합니다</h1>
  <p data-i18n="page.subtitle">We hope you enjoy your stay.</p>

  <!-- 번역 가능 Strings를 감싸는 데 사용되는 XML 스타일 블록 -->
  <translations>
    <string key="user.login.button">Log In</string>
    <string key="user.logout.button">Log Out</string>
    <string key=\"user.greeting\">안녕하세요, {{username}}님!</string>
    <string key=\"form.error.required\">이 필드는 필수입니다.</string>
    <string key=\"form.error.email\">유효한 이메일 주소를 입력하세요.</string>
  </translations>

  <!-- 추가 UI 콘텐츠(Strings로 식별될 수 있음) -->
  <button data-i18n="user.login.button">Log In</button>
  <button data-i18n="user.logout.button">Log Out</button>

  <!-- 포함된 SVG(여전히 XML임!) -->
  <svg width=\"100\" height=\"100\">
    <text x="10" y="20" data-i18n="graphic.label">Chart</text>
  </svg>
</body>
</html>

번역 가능 요소나 일반 텍스트 노드의 상위 요소에 data-i18n 속성이 있으면 해당 속성 값이 세그먼트 키가 됩니다. 속성이 없거나 비어 있음 상태인 경우, Phrase는 대신 세그먼트 자체의 텍스트 콘텐츠에서 키를 생성합니다.
<string key=\"...\">값</string>이 포함된 <translations> 블록은 식별 가능한 사용자 지정 XML 블록입니다.
{{username}}와 같은 자리 표시자는 동적 콘텐츠를 나타냅니다.

형식 옵션

식별자	document_id
유형	문자열
업로드	아니요
다운로드	예
설명	내보내기의 기반이 될 프로젝트 내 기존 HTML 문서의 문서 ID를 가져옵니다.