[解決済み] Google フォントの URL が w3.org の HTML5 Validation を破る
2022-04-18 23:43:54
質問
このHTMLタグを使って、サイズの異なる3つのフォントを読み込んでいます。
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic|Bree+Serif">
1/2週間前まで、この機能は w3.org バリデータ HTML5 の場合は、このようなエラーが発生します。
Line 14, Column 163: Bad value http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic|Bree+Serif for attribute href on element link: Illegal character in query: not a URL code point.
W3C Markup Validatorが今一つ好きになれないものは何でしょうか?
解決方法は?
をURLエンコードして
|
(パイプ文字) を含む
href
属性(
%7C
):
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic%7CPT+Serif:400,400italic%7CBree+Serif">
関連
-
[解決済み] HTMLで複数選択を許さないリストボックスを作るには?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] スクロールバーを隠すが、スクロールはできる状態
-
[解決済み] HTMLで表示される上下の三角形(軸のない矢印)に使用できる文字は何ですか?
-
[解決済み] クリック可能なラベルを持つチェックボックスを作成するには?
-
[解決済み] HTML5でminlengthの検証属性はありますか?
-
[解決済み] 残りの幅を埋めるためにdivを展開する
-
[解決済み] div内の画像の下に余分なスペースがある
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
document.forms 使用方法
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするものですか?
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] HTMLにPDFを埋め込むおすすめの方法とは?
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] mailto:を使ってメールの件名や内容を設定することはできますか?
-
[解決済み] 特定のクラスや属性を持たない要素を選択するCSSセレクタは書けますか?
-
[解決済み] メモ帳++でXML/HTMLを自動整形/インデントする方法