গুগল ডাব্লু 3.org এ ইউআরএল ইউআরএল HTML5 বৈধতা ফন্ট করে

Question

আমি এইচটিএমএল ট্যাগটি ব্যবহার করে বিভিন্ন আকারে 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 সপ্তাহ আগে পর্যন্ত এইচটিএমএল 5 এর জন্য ডাব্লু 3.org বৈধকারীর দ্বারা সমর্থিত ছিল ; এখন এটি এই ত্রুটি দেয়:

 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.

ডাব্লু 3 সি মার্কআপ ভ্যালিডেটর এখন কী পছন্দ করে না?

Answer 1

ইউআরএলটি ( ) বৈশিষ্ট্যে ( |পাইপ অক্ষরগুলি) এনকোড করে :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">

Comments

এটি কি গুগল উত্পাদিত ইউআরএল সম্পর্কিত সমস্যা বা ডাব্লু 3 বৈধকরণকারী সহ কোনও সমস্যা? কোনও বৈশিষ্ট্যে কি আসলে পাইপ অক্ষরটি এইচটিএমএল বৈশিষ্ট্যে এনকোড করা দরকার?

— মিক্কো রেন্টালাইনেন

@ মিককো রেন্টালাইনেন, আরএফসি 1738 নোট করেছে যে পাইপের চরিত্রটি অনিরাপদ: অন্যান্য অক্ষরগুলি অনিরাপদ কারণ গেটওয়ে এবং অন্যান্য পরিবহণ এজেন্টরা কখনও কখনও এই জাতীয় অক্ষরগুলিকে সংশোধন করতে পারে বলে জানা যায়। এই অক্ষরগুলি হ'ল "{", "}", "|", "\", "^", "~", "[", "]", এবং "` "।

— স্টিভ্যাক্স

আমি প্রত্যাশা করব কাঁচা ইউটিএফ -8 ইউটিএফ -8 এনকোডড এইচটিএমএলটিতে অন্য অক্ষরগুলি এনকোড না করে তবে এইচটিএমএল যেমন &, "এবং '। এবং এই বিশেষ অক্ষরগুলিকে এইচটিএমএল বিধি দ্বারা (যেমন &ampইত্যাদি) এনকোড করা দরকার । এর পরে ব্যবহারকারী এজেন্ট আরএফসি 3987 অনুসরণ করে এবং আইটিআরটিকে HTTP (সরঞ্জাম. ietf.org/html/rfc3987 ) এ জমা দেওয়ার আগে শতাংশ এনকোডেড ইউটিএফ -8 এ রূপান্তর করবে বলে আশা করা হচ্ছে ।

— মিক্কো রেন্টালাইনেন

Answer 2

এই বৈধতা সমস্যাটি ঠিক করার 2 টি উপায় রয়েছে:

1. ইউআরএল |(উল্লম্ব বার / লাইন) অক্ষরের (হিসাবে ) hrefবৈশিষ্ট্যে এনকোড করে :link%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">

2. একাধিক linkউপাদান সহ ফন্ট অন্তর্ভুক্ত :

   <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic">
   <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Serif:400,400italic">
   <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Bree+Serif">

Comments

আমি জানি এটি পুরানো পোস্ট, তবে <link>ট্যাগগুলি পৃথক করার ক্ষেত্রে কোনও কর্মক্ষমতা (ডিস) সুবিধা রয়েছে কিনা তা কি কেউ জানেন ? একাধিক ফন্ট এক কলে থাকলে গুগল কি সংকোচনে থাকে?

— প্যাট্রিক মুর

@ পেট্রিকমুর ২ টি জিনিস: ক) আপনার সার্ভার আপলোড / প্রতিক্রিয়া গতি বনাম আপনার শেষ-ব্যবহারকারী ডাউনলোডের গতি খ) অন্য সংযোগ তৈরি করার সময় (সার্ভারের প্রতিক্রিয়া সময় বনাম শেষ ব্যবহারকারীর প্রতিক্রিয়া সময়), তাত্ত্বিকভাবে, যদি আপনি 2 "ভারী" ফন্টগুলি লোড করছেন এবং আপনার পৃষ্ঠাটি অন্যথায় দ্রুত লোড হচ্ছে, এগুলি পৃথকভাবে লোড করা হবে (প্যারালেল উপায়ে) দ্রুত লোডের ফলে হতে পারে। তবে এটি সত্যই একটি এবং খ) এর উপর নির্ভর করে

— jave.web

Answer 3

http://www.utf8-chartable.de/

আপনাকে অবশ্যই চরিত্রটি প্রতিস্থাপন করতে হবে এটি সম্পর্কিত UTF-8 চরিত্র দ্বারা, যা দেয়

href="http://fonts.googleapis.com/css?family=Cookie%7cAmaranth%7cKaushan+Script%7cCousine%7cBilbo+Swash+Caps%7cRancho&effect=shadow-multiple"

Answer 4

আমার কেসটি ছিল ক্রেজি লাইন ব্রেক চরিত্রের। সংযুক্ত চিত্রটি দেখুন।

Answer 5

আমি স্কেপ & সঙ্গে " এবং; " এবং কাজ করে জরিমানা, উদাহরণ:

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css' />

Comments

এই প্রশ্নটি |চরিত্র সম্পর্কিত, নয় &;-)

— jave.web