【Asciidoc】TIP拾い〜 HTML禁則処理は・・・1 〜

2025年5月9日 09:12

今日はTIP拾い。
今日はHTML禁則処理について
HTML禁則処理は・・・
　もしかしたら、いらないかも・・・。

とりあえず実験、「Sample_Torokko.html」を作る

= トロッコ
芥川龍之介
:lang: ja
:scripts: multilingual
:stylesdir: my-css-styles
:stylesheet: thesis-indentnomargin-theme.css

小田原熱海間に、軽便鉄道敷設の工事が始まったのは、良平の八つの年だった。良平は毎日村外れへ、その工事を見物に行った。工事を――といったところが、唯トロッコで土を運搬する――それが面白さに見に行ったのである。

トロッコの上には土工が二人、土を積んだ後に佇んでいる。トロッコは山を下るの

・・・後略・・・

さて、「thesis-indentnomargin-theme.css」に於いて

@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700";
@import "https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css";

p {
  margin: 0 0 0 0;
  text-indent: 1em;
  }

と

@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700";
@import "https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css";

p {
  margin: 0 0 0 0;
  text-indent: 1em;
  }

 /* 以下禁則処理 */
 
body {
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
}

を比べてみる。先にある方を「通常」あとの物を「CSS禁則処理」とする。

二行目から三行目の「見に行った」等どちらも禁則処理が行われている。
・・・どちらも同じで変わらない・・・。
（少なくとも「Firefox 138」に於いては・・・）
多分、HTMLに変換する時に
「:lang: ja」が
「<html lang="ja">」とされた段階でブラウザの基本禁則処理が機能しているのだろう。
昔は

body {
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
}

が必要だったはずだが・・・
まあ、古いブラウザ用に入れておくのも悪くない。
本当は各ブラウザで確認しなければならないのだけれど、商売で納品するわけではないので御寛恕ください。

「lang=XX」で禁則処理を変更できる辺り、ブラウザの基本機能が進歩しているということだろう。そのうち、ブロックごとに「lang=XX」オプションを定義できるようになるといいなぁ・・・。
さて、明日は「text-wrap: pretty」を試してみよう。
「Firefox」ではサポートされてないけれど「Chrome」系では利用できるようなので、どの様な挙動になるか・・・。楽しみにしている。

…ではまた。

当Noteは下記の「AsciiDoc Language Documentation」の文法に従っています。

【Asciidoc】TIP拾い 〜 HTML禁則処理は・・・1 〜

あなたへのおすすめ

【Asciidoc】TIP拾い〜 HTML禁則処理は・・・1 〜