0

ブラックレター フォントのテキストを含む (X)HTML ドキュメントを作成したいと考えています。ドイツ語では、ドキュメントのベース フォントがブラックレター フォントの場合、外国語をアンティーク フォントで組版するのが慣例です。これは非常に頻繁に現れるセマンティック マークアップであるため、a<span class="fw">または類似の使用は嫌います。

<fw>セマンティクスによってマークアップできるように、(X)HTML で新しいタグ (外来語用) を定義することは可能ですか? はいの場合、それは最新のブラウザーでサポートされていますか? これをスタイルシートで使用する際に特に注意することはありますか?

4

5 に答える 5

3

あなたが説明している目的のために、<i>タグを使用することは理にかなっています。<i>以前は「斜体」を意味していましたが、HTML5 では次のように指定されます

i 要素は、別の声やムードでテキストのスパンを表すか、分類上の指定、専門用語、別の言語の慣用句、思想、船の名前など、通常の散文からのオフセットを表します。典型的な活版印刷の表現がイタリック体になっている散文。

イタリック体でテキストを強調したい場合、<em>タグはそのまま使用でき、そのタスクにより適切なままであることに注意してください。<b>カスタム (無効な) タグを追加する別の方法であるタグの新しい使用方法については、上記のリンクを参照してください。

質問にもっと直接的に答えるには: タグを追加して有効な HTML5 のままにすることはできません。

于 2012-06-27T17:17:42.910 に答える
1

XHTML は XML であり、独自のタグを独自の名前空間に追加しても XML のままです。独自の XML ボキャブラリを使用し、クライアント側の XSLT を使用してレンダリングすることを検討できます (新しい Saxon-CE 製品では、XSLT 2.0 を使用することもできます)。ただし、これが追加したい唯一の「セマンティック」タグ付けである場合は、おそらくやり過ぎ<span class="fw">です。提案どおりに使用してください。

于 2012-06-27T21:37:58.720 に答える
1

短い答え:いいえ。より長い答え: 良い考えではありません。

ところで、<div style="antiqua">うまくいかないでしょう、多分あなたは<div style="font-family: antiqua"> より良い解決策IMOが<span class="fw">

于 2012-06-27T17:18:17.867 に答える
1

はい、JavaScript を使用して独自のタグを作成することは完全に可能です。ただし、この方法は使用しないことを強くお勧めします (次の用途でない限り)。

通常、このメソッドは、古いブラウザで HTML5 サポートを強制するために使用されます。これは何よりも回避策であり、そのように扱われるべきです。

HTML ドキュメントの最初にこの小さな JS コードを使用するだけで、任意のタグ (カスタム タグを含む) のサポートを作成できます。document.createElement('tagname');これらのカスタム タグは、他のものと同じようにスタイルを設定することもできます。CSS またはインライン。

カスタム タグは検証されないことに注意してください。デザイナーの個人的な好みのためだけに使用するのは醜い方法です。

いつものように、既存のものを使用し、Classesを使用して要素に名前を付けることを強くお勧めします。

于 2012-06-27T17:31:05.603 に答える
0

HTML および XHTML の仕様では、許可されるタグが定義されていますが、好きなタグを使用することを妨げるものは何もありません。最近のブラウザは一般に、タグを要素を定義するものとして認識し、それらの要素のスタイルを設定して、クライアント側のスクリプトで処理できます。

ただし、ここにあるいくつかの質問への回答 (「カスタム タグ」を検索するなど) からわかるように、ほとんどの場合、それを避けるべきいくつかの理由があります。

「外国語」の HTML マークアップは存在しないだけでなく、私たちが行うことができるほとんどのセマンティックな区別のための HTML マークアップもありません。私たちはそれと一緒に暮らすことができます。ほとんどの場合、 HTML で作成できるわずかな違いでさえ、実際に気にするソフトウェアはありません。

が気に入らない場合は、 (本当に作成したいのはフォントの区別であるため)、または簡潔にするためにspan使用できます。( がなければ、実際には意味的に空であるか、無料です。)fontahrefaspan

さらにlang属性を使用できます<font class="fw" lang="en">dummy</font>。マークアップがもう少し意味のあるものに見えるかもしれませんし、特殊な場合 (場合によっては音声合成、スペル チェックなど) に関連するようになるかもしれません。

于 2012-06-27T19:42:36.020 に答える