فلاد ميرزيفيتش

على عكس النص في الطباعة، نادرًا ما يتم استخدام الواصلات على صفحة الويب، نظرًا لأننا لسنا مرتبطين بشكل صارم بتنسيق الورق. يمكن عرض مواقع الويب على شاشات مختلفة، وبدقة مختلفة، وفي أنظمة تشغيل ومتصفحات مختلفة. كل هذا يؤدي إلى ظهور مجموعة من المجموعات بحيث يكون من المستحيل التنبؤ بالشكل الذي سيبدو عليه النص النهائي للمستخدم. ولهذا السبب، تتم محاذاة النص عادةً إلى اليسار، وتظهر الواصلات في الكلمات بأكملها. ولكن لا يزال تطبيق الواصلة ضروريًا في بعض الحالات، على سبيل المثال، عند استخدام مصطلحات كيميائية أو طبية طويلة في أعمدة ضيقة بعرض معين، وذلك من أجل الجماليات. لا توجد العديد من الطرق اليدوية أو التلقائية لإضافة الواصلات في HTML وCSS، لذا سأدرجها جميعًا.

باستخدام علامة

بطاقة شعار تم تقديمه في HTML5 ويقوم بإنشاء التفاف للكلمات عند الضرورة. في تلك الأماكن التي يُسمح فيها بالواصلة وفقًا لقواعد اللغة الروسية، نقوم بإدراجها (مثال 1). إذا كانت الكلمة بأكملها تناسب العرض المخصص، فلن تظهر هذه العلامة بأي شكل من الأشكال ولن نعرف حتى بوجودها. إذا لم تكن الكلمة مناسبة، فسيكون المتصفح في موقع العلامة يخلق النقل.

مثال 1. العلامة

واحد الصف الثاني عشر الحالم أنجيليكا، بعد تخرجه من المدرسة، اختار مهنة الأعمال أنتجت سائق يسجد.

وتظهر نتيجة هذا المثال في الشكل. 1.

أرز. 1. النص مع الواصلات

نقل ناعم

طلب لها عيب خطير - من المستحيل أن نفهم ما إذا كانت واصلة أمامنا أم كلمة منفصلة في سطر آخر. ولهذا السبب قد يضيع معنى الجملة وقد يساء فهمها. يجب أن تتم الواصلات وفق قواعد الطباعة، وهي: إضافة واصلة في نهاية السطر. تتواءم الواصلة الناعمة مع هذا بشكل جيد؛ حيث يحتوي كود HTML على حرف خاص - . إنه يخدم نفس الدور كعلامة - غير مرئي في النص العادي وينقل الكلمة إلى سطر آخر، مع إضافة واصلة (المثال 2).

مثال 2: النقل الناعم

اختارت طالبة الصف الحادي عشر، أنجليكا، بعد تخرجها من المدرسة، مهنة سائق الأعمال.

وتظهر نتيجة هذا المثال في الشكل. 2. لاحظ مدى جمالية النص ووضوحه مقارنةً بالشكل. 1.

أرز. 2. النص مع الواصلات

خاصية فاصل الكلمات

لأتمتة عملية إنشاء الواصلات، استخدم خاصية فاصل الكلمات مع القيمة فاصل الكل (المثال 3). لم تعد بحاجة إلى إضافة أي رموز أو علامات إلى HTML؛ فالأنماط تعتني بكل شيء.

مثال 3. استخدام فاصل الكلمات

اختارت أنجليكا، وهي طالبة في الصف الحادي عشر، مهنة موظفة مكتبية بعد تخرجها من المدرسة.

وتظهر نتيجة هذا المثال في الشكل. 3. قواعد وصل النص لا تؤخذ في الاعتبار في هذه الحالة، لذلك يمكن تطبيق الواصلة على الكلمات بطريقة غريبة جدًا.

أرز. 3. النص مع الواصلات

من بين جميع الطرق المدرجة، فإن استخدام "شبه اليدوي" يعطي أفضل نتيجة - يتم اتباع قواعد اللغة الروسية، ويبدو النص أكثر جماليا. استخدمه عندما تكون هناك كلمات طويلة في النص.

خاصية الواصلات

وأخيرًا، الخاصية الأقوى والأكثر ملائمة لإضافة الواصلات تلقائيًا هي الواصلات. يعتمد عملها على قاموس الواصلة المدمج في المتصفح، لذلك فهو يعطي أفضل نتيجة. مدعوم في IE10 وFirefox وAndroid وiOS. لا يدعم Chrome وOpera. لكي يعمل هذا، من أجل العلامة قم بإضافة السمة lang بالقيمة ru (المثال 4).

مثال 4: استخدام الواصلات

اختارت أنجليكا، وهي طالبة في الصف الحادي عشر، مهنة موظفة مكتبية بعد تخرجها من المدرسة.

وتظهر نتيجة هذا المثال في الشكل. 4.

أرز. 4. النص مع الواصلات

حظر التحويلات

غالبًا ما تنشأ مهمة معاكسة - وهي حظر الواصلات في الأماكن التي تكون فيها غير مقبولة وفقًا لقواعد اللغة. على سبيل المثال، لا يمكنك فصل وحدات القياس عن رقم (10 مل)، وتعيين سنة (54 قبل الميلاد)، والأحرف الأولى من اللقب، وكسر الاختصارات الثابتة (إلخ)، وما إلى ذلك. لمنع المتصفح من إضافة واصلات عند المساحة، فيجب استبدالها بمسافة غير منقسمة (المثال 5).

مثال 5: الاستخدام

البحيرة عند الإحداثيات 70° 58′ 19″ شمالاً. ث. 97° 24′ 5″ شرقًا. تقع في منطقة تيمير دولجانو نينيتس في إقليم كراسنويارسك في روسيا.

في هذا المثال، لكتابة الإحداثيات بشكل صحيح، نستخدم ، الذي لا يسمح بتغليف النص.

نستمر في استكشاف إمكانيات CSS3 ويأتي بعد ذلك التفاف الكلمات. يعد التفاف الكلمات ميزة مفيدة للغاية لأنها تجعل النص يبدو أجمل على الصفحة. أيضًا، في بعض الأحيان يتعين عليك إنشاء أعمدة كما هو الحال في الصحف، ثم تبدو المحاذاة إلى اليمين أو اليسار قبيحة. ولكن إذا قمت بتمديده عبر عرض العمود بأكمله، فستكون العين أكثر متعة لقراءة هذا النص. ولكن حتى في هذه الحالة، هناك فارق بسيط مثل المسافات الكبيرة بين الكلمات، والتي تبدو قبيحة. وهذا ما سنصححه في هذا الدرس.

مميزات CSS3:

من خلال دراسة المقالة التي اخترتها لك أعلاه، ستتعلم أيضًا الكثير من الخصائص المفيدة، بالإضافة إلى التعرف على الميزات الجديدة لـ CSS3، والتي تتيح لك استخدام عدد أقل وأقل من الصور على الموقع.

إنشاء واصلة الكلمة

نص بدون واصلات

إذا لم يفهم شخص ما ما نتحدث عنه، فإليك مثالًا دون استخدام التفاف الكلمات:

مع الواصلات

فيما يلي مثال حيث نستخدم التفاف الكلمات CSS:

رائع! كيفية القيام بذلك في التعليمات البرمجية؟

الآن، أعتقد أن الجميع يفهم جيدًا ما سنفعله. لذا حان الوقت للتعرف على الخاصية الجديدة التي يمتلكها CSS3!

وهذه الخاصية مكتوبة بهذه الطريقة - الواصلات.

بسيطة، أليس كذلك؟ لكن كل متصفح له بادئاته الخاصة، لذلك يبدو في الكود كما يلي:

لا تنس تمديد النص عبر عرض الكتلة بالكامل باستخدام خاصية محاذاة النص: ضبط، وإلا فلن ترى النتيجة المرجوة.

تحديد كيفية تغليف الكلمات الطويلة:

1. فقط عندما تكون هناك شرطة أو مسافة أو Enter (باستثناء المسافة غير المنفصلة والواصلة غير المنفصلة -). تتم كتابة الواصلة بين أجزاء من كلمة واحدة (على سبيل المثال، الأحمر والأصفر)، ويتم كتابة شرطة بين الكلمات. "الواصلة الناعمة" - تظهر فقط عندما يكون النقل ضروريًا. إذا كانت الكلمة تتجاوز الوالدين، ثم أو ينقل الجزء الخاص به بدون خط. تستخدم التعبيرات الرياضية علامة الطرح (على سبيل المثال، 5 − 2). تعرض أرقام الهاتف شريط أرقام (على سبيل المثال، +7 800 000‒00‒00). وكل هذا ليس نفس الشيء المألوف الموجود على لوحة المفاتيح.
2. بعد أي حرف
3. وفقًا لقواعد اللغة الروسية مع الاستخدام التلقائي للواصلة.

التفاف الفائض
التفاف الكلمة
فاصل الكلمات
الخط مقطوع
واصلات

لقد تم بالفعل إعادة فحص كيلوغرامنا البالغ ألف وتسعمائة وتسعة وتسعين كيلوغرامًا محمل جرافة اقتلاع

ما الفرق بين عقار وآخر؟

افتراضيًا، لا يتم تطبيق الواصلة على الكلمات الطويلة ما لم تتم الإشارة إليها بوضوح بواسطة واصلة، وتبدأ في سطر جديد.

لتجاهل الشرطات المرئية للعين مباشرة، أضفنا فاصل الكلمات: keep-all؛ .

لمنع المتصفح من الانتباه إلى الواصلة الناعمة، أدخل الواصلات: لا شيء؛ .

إذا كان التفاف الكلمات مطلوبًا، فعندئذٍ التفاف الكلمات: كلمة فاصلة؛ أنصحك باستخدامه دائمًا، فهو مفهوم لجميع المتصفحات. وهو يختلف عن فاصل الكلمات: فاصل الكل؛ ، والتي لها الأولوية في أن الكلمات التي لا تتناسب مع الكتلة تبدأ بسطر جديد ويتم أخذ توصية الواصلة الناعمة في الاعتبار.

عند استخدامها معًا لفصل الكلمات: كسر الكل؛ مع الواصلات: تلقائي؛ ، يتم تجاهل هذا الأخير. الواصلات: تلقائي؛ يضع أي واصلات حسب تقديره. ولكن لكي يعمل، تحتاج إلى الإشارة إلى لغتك عن طريق تحديد السمة lang="ru" في القسم.

لا تقم بلف الكلمات على سطر آخر

لنفترض أن عنصر القائمة أو الزر لن يبدو جيدًا في حالة تفككه. ولذلك يجب منع الانفصال بينهما. للقيام بذلك، يجب ضبط جميع الخصائص المذكورة أعلاه على الوضع "الافتراضي" وإضافتها. انقر على وانظر إلى ملعب التدريب لدينا.

التحكم في التفاف الكلمات بالواصلات: تلقائي؛

رباعي هيدرو بيرانيل سيكلوبنتيل رباعي هيدرو بيريدوبيريدين

الدرس 5.

في هذا الدرس قمنا بما يلي:
1. دعنا نتعرف على كيفية جعل كود html أكثر ملاءمة وسهولة في القراءة بالنسبة لنا.
2. دعونا نلقي نظرة على كيفية التفاف سطر النص بشكل صحيح.

جعل رمز HTML مناسبًا.

أصبح الكود الخاص بنا الآن واضحًا وسهل القراءة، نظرًا لوجود القليل من النص وعدم وجود علامات عمليًا. عندما نقوم بإنشاء صفحة أكثر تعقيدًا، سيكون هناك العديد من العلامات، لذلك سيكون من الصعب العثور على العلامة الصحيحة.

لتجنب فوضى العلامات، تحتاج في البداية إلى ترتيب العلامات والخطوط بحيث يسهل رؤيتها بصريًا. عندما يقرأ المتصفح معلومات من صفحة HTML، لا يهم عدد المسافات أو الأسطر الفارغة الموجودة في الكود.

لقد قمت بتغيير النص الموجود في رمز الصفحة بالنسبة للنص الذي أنشأناه، لكن لا يهم. الصور اليسرى واليمنى تظهر نفس الرمز. سيتم عرض كلا الخيارين بواسطة المتصفح على شاشة المراقبة بنفس الطريقة تمامًا. أوافق على أن العمل باستخدام الكود الموضح على اليمين سيكون أسهل بكثير من الكود الموجود على اليسار.

الكود الذي ننظر إليه بسيط للغاية، ولكن حتى الآن الفرق في الإدراك البصري ملحوظ. لا توجد قواعد محددة "لترتيب الأمور"؛ كل سيد يقرر بنفسه كيف يكون أكثر ملاءمة له للعمل.

فاصل أسطر HTML. العلامة <br>.

انتبه إلى الصورة. في النسخة الأولى النص مكتوب في سطر واحد، في النسخة الثانية في سطرين.

سيعرض المتصفح كلا الخيارين بنفس الطريقة. سيتم كتابة النص في سطر واحد:

تسأل لماذا هذا؟ في الواقع، في أحد الرموز، يتم نقل جزء من النص إلى سطر آخر. سيكون من المنطقي أن يتم نقل جزء من النص في المتصفح أيضًا إلى سطر آخر، لكن HTML له منطقه الخاص في هذا الصدد. إذا قمنا بعمل فاصل أسطر في كود html، فهذا يعادل مسافة واحدة بالنسبة للمتصفح(مثل المسافة العادية بين الكلمات في النص). إذا قمنا بتحريك جزء من النص ليس سطرًا واحدًا لأسفل، بل 2 أو 3 (أي رقم)، فسيظل المتصفح يعتبر هذه المسافة بمثابة مسافة واحدة منتظمة بين الكلمات وعند عرضها على الشاشة، سيتم كتابة النص في سطر واحد .

العلامة <br>

وعندما تعرفنا على العلامات في الدرس الثالث ذكرت أن هناك علامات لا تحتاج إلى إغلاق. بطاقة شعار <br>يتم استخدام واحد منهم لفواصل الأسطر.
دعونا نطبقها في الكود:

لقد أدخلنا علامة <br>في كود HTML الخاص بنا، والآن عند تشغيل الملف من خلال المتصفح، سيتم نقل جزء من النص إلى السطر التالي.
* لا تنس حفظ التغييرات في المفكرة (Ctrl + S) وتحديث الصفحة في المتصفح (F5).

غالبًا ما يكون من الضروري التفاف النص داخل خلية Excel واحدة في سطر جديد. أي قم بتحريك النص على طول السطور داخل خلية واحدة كما هو موضح في الصورة. إذا قمت، بعد إدخال الجزء الأول من النص، بالضغط على المفتاح ENTER، فسيتم نقل المؤشر إلى السطر التالي، ولكن إلى خلية أخرى، ونحتاج إلى النقل في نفس الخلية.

هذه مهمة شائعة جدًا ويمكن حلها بكل بساطة - لنقل النص إلى سطر جديد داخل خلية Excel واحدة، يلزمك النقر فوق ألت+إدخال(اضغط باستمرار على المفتاح ALT، ثم اضغط على المفتاح ENTER دون تحريره)

كيفية التفاف النص على سطر جديد في Excel باستخدام صيغة

في بعض الأحيان تحتاج إلى إجراء فاصل أسطر ليس مرة واحدة فقط، ولكن باستخدام الوظائف في Excel. كما في هذا المثال في الشكل. نقوم بإدخال الاسم الأول واسم العائلة واسم العائلة ويتم جمعهما تلقائيًا في الخلية A6

في النافذة التي تفتح، في علامة التبويب "محاذاة"، يجب عليك تحديد المربع الموجود بجوار "التفاف الكلمات" كما هو موضح في الصورة، وإلا فلن يتم عرض التفاف السطر في Excel بشكل صحيح باستخدام الصيغ.

كيفية استبدال واصلة في Excel بحرف آخر والعودة باستخدام صيغة

يستطيع تغيير رمز الواصلة إلى أي حرف آخر، على سبيل المثال، على مسافة، باستخدام وظيفة النص SUBSTITUTE في Excel

لنأخذ مثالاً على ما هو موجود في الصورة أعلاه. لذلك، في الخلية B1 نكتب الدالة SUBSTITUTE:

البديل (A1،CHAR(10)، " ")

A1 هو النص الخاص بنا مع فاصل أسطر؛
CHAR(10) عبارة عن فاصل أسطر (نظرنا إلى هذا في موضع أعلى قليلاً في هذه المقالة)؛
"" عبارة عن مسافة لأننا نقوم بتغيير فاصل الأسطر إلى مسافة

إذا كنت بحاجة إلى إجراء العملية المعاكسة - استبدل المسافة بواصلة (رمز)، فستبدو الوظيفة كما يلي:

بديل(A1; "";CHAR(10))

اسمحوا لي أن أذكرك أنه لكي تنعكس فواصل الأسطر بشكل صحيح، يجب عليك تحديد "التفاف عبر الأسطر" في خصائص الخلية، في قسم "المحاذاة".

كيفية تغيير الواصلة إلى مسافة والعودة في Excel باستخدام البحث - استبدال

هناك أوقات تكون فيها الصيغ غير ملائمة للاستخدام ويجب إجراء عمليات الاستبدال بسرعة. للقيام بذلك، سوف نستخدم البحث والاستبدال. حدد النص واضغط على CTRL+H، ستظهر النافذة التالية.

إذا أردنا تغيير فاصل الأسطر إلى مسافة، ففي سطر "البحث" نحتاج إلى إدخال فاصل أسطر، لهذا قف في حقل "بحث"، ثم اضغط على مفتاح ALT، دون تحريره، اكتب 010 على لوحة المفاتيح - هذا رمز فاصل الأسطر، ولن يكون مرئيًا في هذا الحقل.

بعد ذلك، في حقل "استبدال بـ"، أدخل مسافة أو أي حرف آخر تريد التغيير إليه وانقر على "استبدال" أو "استبدال الكل".

بالمناسبة، يتم تنفيذ ذلك بشكل أكثر وضوحا في Word.

إذا كنت بحاجة إلى تغيير حرف فاصل الأسطر إلى مسافة، ففي حقل "البحث" تحتاج إلى الإشارة إلى رمز "فاصل الأسطر" الخاص، والذي يُشار إليه على أنه ^ ل
في الحقل "استبدال بـ:"، ما عليك سوى ترك مسافة والنقر على "استبدال" أو "استبدال الكل".

لا يمكنك تغيير فواصل الأسطر فحسب، بل يمكنك أيضًا تغيير الأحرف الخاصة الأخرى، للحصول على الرمز المقابل لها، تحتاج إلى النقر فوق الزر "المزيد >>" و"خاص" وتحديد الرمز الذي تحتاجه. اسمحوا لي أن أذكرك أن هذه الوظيفة متاحة فقط في برنامج Word، ولن تعمل هذه الرموز في برنامج Excel.

كيفية تغيير فاصل الأسطر إلى مسافة أو العكس في Excel باستخدام VBA

دعونا نلقي نظرة على مثال للخلايا المحددة. أي أننا نختار الخلايا المطلوبة ونقوم بتشغيل الماكرو

1. قم بتغيير المسافات إلى واصلات في الخلايا المحددة باستخدام VBA

SpacesToHyphens الفرعية ()
لكل خلية في التحديد
cell.Value = Replace(cell.Value, Chr(32) , Chr(10))
التالي
نهاية الفرعية

2. قم بتغيير الواصلات إلى مسافات في الخلايا المحددة باستخدام VBA

Sub WrapsToSpaces()
لكل خلية في التحديد
cell.Value = Replace(cell.Value, Chr(10) , Chr(32))
التالي
نهاية الفرعية

الكود بسيط جدًا: Chr (10) عبارة عن فاصل أسطر، وChr (32) عبارة عن مسافة. إذا كنت بحاجة إلى التغيير إلى أي رمز آخر، فما عليك سوى استبدال رقم الرمز المطابق للرمز المطلوب.

رموز الأحرف لبرنامج Excel

تُظهر الصورة أدناه رموزًا مختلفة والرموز المقابلة لها؛ وتمثل عدة أعمدة خطوطًا مختلفة. لتكبير الصورة، اضغط على الصورة.