1
الصق أو ارفع CSV
الصق البيانات أو ارفع ملف .csv
2
معاينة وتنسيق
شاهد الجدول المنسق، بدل الأنماط
3
انسخ الكود
احصل على كود HTML نظيف، جاهز للإدراج
إدخال CSV
الإخراج
الصق بيانات CSV على اليسار لرؤية جدولك هنا
الصق بيانات CSV واحصل على جدول HTML جميل — فورياً
الصق البيانات أو ارفع ملف .csv
شاهد الجدول المنسق، بدل الأنماط
احصل على كود HTML نظيف، جاهز للإدراج
الصق بيانات CSV على اليسار لرؤية جدولك هنا
CSV (القيم المفصولة بفواصل) هو أكثر صيغ تبادل البيانات عالمية في الوجود. تم تعريفه بواسطة RFC 4180، حيث يخزن ملف CSV البيانات الجدولية كنص عادي — سطر واحد لكل صف، مع فواصل تفصل بين الحقول. بساطته هي قوته: يمكن فتح ملفات CSV بواسطة Excel وGoogle Sheets وPython pandas وR وقواعد بيانات SQL وتقريباً كل أداة بيانات تم إنشاؤها على الإطلاق. يعود تاريخ الصيغة إلى الأيام الأولى للحوسبة (1972، على مترجم IBM Fortran) وتظل اللغة المشتركة لتبادل البيانات في عام 2026.
الفواصل داخل الحقول. عندما يحتوي حقل البيانات نفسه على فاصلة (مثل "San Francisco, CA")، يجب تغليف الحقل بعلامات اقتباس مزدوجة. هذا هو السبب رقم 1 في فشل تحليل CSV. محرك Papa Parse في هذه الأداة يتعامل مع الاقتباس المتوافق مع RFC 4180 تلقائياً.
الأسطر الجديدة داخل الحقول المقتبسة. بعض تصديرات CSV تتضمن فواصل أسطر داخل الخلايا المقتبسة (شائعة في حقول العناوين أو الأوصاف متعددة الأسطر). التحليل القياسي سطراً بسطر يفشل هنا — Papa Parse يتعامل مع هذا بشكل صحيح.
مشاكل الترميز. ملفات CSV من Excel قد تستخدم ترميز Windows-1252 بدلاً من UTF-8، مما يتسبب في ظهور الأحرف الخاصة بشكل غير مفهوم. للحصول على أفضل النتائج، احفظ ملف CSV بصيغة UTF-8 قبل التحويل.
صيغة CSV الأوروبية. في العديد من الدول الأوروبية، تُستخدم الفواصل كفواصل عشرية (مثال: €12,50). نتيجة لذلك، غالباً ما يستخدم CSV الأوروبي الفواصل المنقوطة (;) كمحددات للحقول بدلاً من الفواصل. استخدم محدد المحدد أعلاه إذا لم يعمل الكشف التلقائي.
| الممارسة | أهميتها | هذه الأداة |
|---|---|---|
| استخدام <thead> و <tbody> | يفصل الترويسة عن البيانات بشكل دلالي؛ يتيح الترويسات المثبتة والتمرير المستقل | ✅ مكتشف تلقائياً من الصف الأول |
| إضافة سمات scope | يجعل الجداول قابلة للوصول لقارئات الشاشة | ✅ scope="col" مضاف إلى كل <th> |
| تضمين مغلف متجاوب | يمنع الجداول من كسر تخطيطات الجوال | ✅ overflow-x:auto مغلف مضمن |
| تخطيط الصفوف لسهولة القراءة | ألوان الصفوف المتناوبة تساعد العين على التتبع عبر الجداول العريضة | ✅ تفعيل/إيقاف حسب الحاجة |
| تجنب الترويسات الفارغة | عناصر <th> الفارغة تربك أدوات الوصول | ✅ ملء تلقائي للترويسات الفارغة بـ "Column N" |
CSV هو الافتراضي — استخدمه عندما تحتوي بياناتك في الغالب على أرقام ونصوص قصيرة وبدون فواصل داخل الحقول. إنه مدعوم في كل مكان. TSV (المفصول بتبويب) مفضل للبيانات التي تحتوي على فواصل (عناوين، أوصاف نصية حرة، قيم نقدية) لأن علامات التبويب نادراً ما تظهر في النص المدخل من المستخدم. Excel (.xlsx) هو الأفضل عندما تحتاج إلى تنسيق أو صيغ أو أوراق متعددة أو تحقق من صحة البيانات — لكنه صيغة ثنائية مملوكة، وليس نصاً عادياً. عندما تكون في شك، صدِّر إلى CSV أو TSV وحوِّل إلى HTML هنا.
الصق بيانات CSV في اللوحة اليسرى أو انقر على رفع CSV لتحميل ملف. يكتشف المحول المحددات والترويسات تلقائياً. انتقل بين تبويب معاينة الجدول (لرؤية الجدول المنسق) وتبويب كود HTML (لنسخ المصدر). بدل خيارات التنسيق فوق الإخراج.
الفاصلة (CSV القياسي)، والتبويب (ملفات TSV)، والفاصلة المنقوطة (شائعة في CSV الأوروبي). يكتشف المحول المحدد الذي تستخدمه بياناتك تلقائياً. يمكنك أيضاً تحديد المحدد يدوياً من القائمة المنسدلة إذا لزم الأمر.
نعم. فعّل الصفوف المخططة لألوان متناوبة للصفوف، والتظليل لإبراز الصفوف عند المرور، والحدود لإطارات الخلايا، والوضع المضغوط لتقليل المسافات. كود HTML المنشأ يتضمن كل CSS مضمن — لا حاجة لملف أنماط خارجي. انسخ الكود والصقه في أي مكان.
الكود المنشأ يغلف الجدول في <div> مع overflow-x:auto، مما يضيف تمريراً أفقياً على الشاشات الضيقة. هذا هو أبسط وأكثر أنماط الجداول المتجاوبة موثوقية. للتخطيطات الأكثر تقدماً (مثل طي الصفوف إلى بطاقات)، أضف CSS الخاص بك بعد نسخ الإخراج.
CSV يستخدم الفواصل كفواصل للحقول. TSV يستخدم علامات التبويب. يُفضل TSV عندما تحتوي بياناتك على فواصل — مثل العناوين ("San Francisco, CA") أو قيم العملات ("$1,234.56") — لأن علامات التبويب نادراً ما تظهر داخل حقول البيانات. كلاهما مدعوم من هذا المحول.