🏗️ テーマ基盤初級

DOCTYPE宣言の構文例

HTML5 および従来の HTML / XHTML DOCTYPE 宣言の書き方を示すテストファイル。Prettier Liquid プラグインでのフォーマット対応を確認するためのリファレンス。

用途

テーマを構築するときに、DOCTYPE 宣言を正しく記述する必要があるかを確認したいとき。また、フォーマッタが複数行の DOCTYPE をどう処理するかを検証したいとき。

設置場所

このファイル自体はテストコードであり、実際のストアテーマには貼り付けない。参考値として、theme.liquid または layout ファイルの最初の行に `<!DOCTYPE html>` （HTML5 形式）を記述する。

注意点

このコードは Prettier プラグインの動作確認用テストであり、実務での直接的な利用対象ではない。実際のテーマでは HTML5 の `<!DOCTYPE html>` が標準。従来の XHTML 1.1 や HTML 4.01 DOCTYPE は古いブラウザ対応が必要な場合のみ、かつその必要性を設計段階で確認した上で使用する。

タグ:doctypehtml-structuretheme-liquidtestformatter

コード

12 行 / liquid

It supports html5 doctypes
<!DOCTYPE HTML>
<!doctype html>

It supports older doctypes
<!DOCTYPE html SYSTEM "about:legacy-compat">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!DOCTYPE html PUBLIC
  "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

出典・ライセンス

Source:: Shopify/theme-tools/packages/prettier-plugin-liquid/src/test/html-doctype/index.liquid
Repository:: https://github.com/Shopify/theme-tools
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

DOCTYPE宣言の構文例

コード

出典・ライセンス

関連項目

セクションスキーマのカスタムブロック定義

セクション呼び出しのフォーマット

レイアウトテンプレートの指定

Liquid フォーマッター互換のセクション表記

基本的なHTMLレイアウト

layout タグのフォーマット