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

نص…

. عندما نعرض فقرتين متتاليتين ، يتم تكوين حقل غير مرئي بينهما ، مما يدفعهما بعيدًا عن بعضهما البعض. العلامة عبارة عن علامة حظر ، لذا فهي تمتد عبر العرض الكامل للصفحة.

على سبيل المثال ، لنأخذ صفحة بالشفرة التالية:

الفقرة الأولى:لوريم إيبسوم هو ببساطة نص شكلي يستخدم في صناعة الطباعة والتنضيد. كان Lorem Ipsum هو النص الوهمي القياسي في الصناعة منذ القرن الخامس عشر الميلادي ، عندما أخذت طابعة غير معروفة لوحًا من النوع وتدافعت عليه لعمل كتاب عينة.

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

دعونا نرى كيف تبدو هذه الحالة في المتصفح:

ربما لاحظت وجود علامة في كود الصفحة قوي،هذه العلامة تجعل النص غامقًا.

سمات العلامة

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

السمة محددة داخل أقواس علامة الفتح ولها الصيغة التالية: attribute_name = "value"

سمة المحاذاة

على سبيل المثال ، لدينا فقرة على الصفحة ونريد مواءمة محتواها. للقيام بذلك ، نكتب سمة داخل علامة الفتح محاذاةوهو المسؤول عن محاذاة المحتوى داخل الفقرة ، وتعيينه على قيمة واحدة.

محتوى الفقرة.

هذه السمة لها 4 قيم:

متبقيه 1- محاذاة المحتوى إلى اليسار. هذه القيمة الافتراضية. هذا إذا لم نحدد سمة الفقرة محاذاة، ثم يتم محاذاة المحتوى داخل الفقرة إلى اليسار افتراضيًا. يمكن ملاحظة ذلك في المثال السابق.

2-صحيح- محاذاة المحتوى إلى اليمين.

نص…

هذا ما يبدو عليه المتصفح:

3. المركز- محاذاة المحتوى إلى وسط الصفحة.

نص…

4. تبرير- محاذاة المحتوى لعرض الصفحة.

نص…

ملخص الدرس:
اليوم تعلمنا ماذا فقرةفي html. تستخدم الفقرات في كثير من الأحيان في لغة تأشير النص الفائق. تعلمنا أيضًا ما هي سمة العلامة. وتعلمت سمة المحاذاة محاذاة.والتي يمكن أن تأخذ إحدى القيم التالية: يسار (افتراضي)حقا،المركز،يبرر.

المستعرض					نتسكيب		أوبرا							موزيلا فايرفوكس
إصدار	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
أيد	نعم	نعم	نعم	نعم	نعم	نعم	نعم	نعم	نعم	نعم	نعم	نعم	نعم	نعم	نعم	نعم

STML:

3.2

4

XHTML:

1.0

1.1

وصف

يحدد فقرة المحتوى. بطاقة شعار

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

بناء الجملة

المحتوى

المحتوى

خيارات

align تحدد محاذاة المحتوى.

علامة الإغلاق

غير مطلوب.

مثال 1: استخدام علامة

Lorem ipsum dolor sit amet، consectetuer adipiscing elit، sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

يمكنك الحصول على الحد الأدنى من الوقت ، وممارسة التمرينات على المدى الطويل.

وصف معلمات العلامة

المحاذاة المعلمة

وصف

محاذاة حافة كتلة المحتوى.

بناء الجملة

الحجج

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

القيمة الافتراضية

CSS التناظري (CSS)

مثال 2: محاذاة المحتوى

STML 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate esse molestie dueat، vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio elementissim qui blandit praesent luptatum zzril delenit au gue duis dolore feugat nulla. يمكنك الحصول على الحد الأدنى من الوقت ، ممارسة التمارين الرياضية حتى الآن. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex encommo dueat.

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

سوف تتعلم، ما هي علامات htmlوكيف تختلف عن العلامات الوصفية ، وتعلم أيضًا كيفية استخدام العلامات كعلامات على المواقع (تنوعها) ، وأخيرًا ، بشكل عام ، ضع في اعتبارك الموسيقى العلامات في ملفات الصوت. هذا هو مدى تنوع هذا المصطلح.

لكن في كل الأحوال كلمة "العلامات" تعني الترميزإما صفحة ويب تستخدم كود Html ، أو موقع كامل يستخدم العلامات ، أو مجموعة الموسيقى الخاصة بك عن طريق تحديد ألبوم وأغنية.

ما هي علامات الموقع (علامات لإنشاء التنقل)

لنبدأ ببساطة. من المحتمل أنكم جميعًا قد رأيتم أنه يوجد تحت بعض المقالات على المواقع حقل به علامات الأسماء أو العلامات ، حيث يتم سرد بعض الكلمات. لما هذا؟ بشكل عام ، لتسهيل التنقل في هذا الموقع ().

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

بمساعدة هذه الكلمات ، سيكون من الممكن تحديد ما تدور حوله هذه المقالة بشكل لا لبس فيه. لكن قيمتها الرئيسية ليست في هذا ، ولكن في حقيقة أن الزائر يمكنه النقر فوق أي علامة ورؤية قائمة بجميع المقالات الموجودة على الموقع الذي التقى فيه. في الواقع ، إنها أداة قوية لتصنيف المعلومات.

من أجل عدم البحث عن العلامات الضرورية ضمن المقالات ، يقوم مالكو مواقع الويب في كثير من الأحيان بإنشاء ما يسمى ب سحابة الوسم، والتي يمكن وضعها في العمود الأيسر أو الأيمن من الموقع أو في تذييله (أسفل). في الممارسة العملية ، يمكن أن يبدو هذا العار كما يلي:

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

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

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

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

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

ما هي علامات Html؟

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

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

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

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

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

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

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

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

نص نص ...... نص نص

هل تفهم الفرق بين وسم الفتح Html (في البداية) وعلامة الإغلاق (في النهاية)؟ حسنًا ، بالطبع ، أضفت شرطة مائلة للأمام بعد قوس المثلث.

أوه ، لقد نسيت أن أقول كيف يفصل المتصفح بين العلامات(ترميز) من المحتوى الرئيسي. هل خمنت؟

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

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

في الكود ، قد تبدو كالتالي:

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

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

لن يتم عرض كل ما هو مكتوب بداخلها (بما في ذلك العلامات الوصفية) على صفحة الويب. هذه معلومات حصرية الملكية. يخبر الوصف والكلمات الرئيسية أعلاه محركات البحث عن محتوى صفحة الويب هذه والعلامة الوصفية أدناه.

ما هي علامات الموسيقى في الملفات الصوتية؟

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

إذا قمت بإعادة تسمية الملفات بـ ، فستظل ترى صورة غير سارة على المشغل. ماذا أفعل؟ وعلى من يقع اللوم على هذا الوضع؟ من الغريب أن السبب خاطئ العلامات المنصوص عليها في ملف الموسيقى هذا.

يتم حياكتها مباشرة في الملف الصوتي (في بدايته أو نهايته) وقد تحتوي على معلومات حول التركيب ومؤلفه والألبوم ومدة المسار وشيء آخر غير مهم. في أحدث تجسيدات العلامات الموسيقية ، يمكن حتى خياطة صور أغلفة الأقراص بداخلها (الطاعون عمومًا).

لكن المشكلة تنشأ ، كقاعدة عامة ، ليس في توافرها ، ولكن في الحصول عليها القدرة على تحريرها. في حياة كل محب للموسيقى يحترم نفسه ، تأتي لحظة يكون فيها "جاهزًا للتمزق والرمي" ، فقط لترتيب الأشياء في مجموعته ووصف العلامات الصحيحة والمقروءة لجميع المسارات على أي جهاز. كيف افعلها؟

بمساعدة برنامج خاص. ظهرت العلامات نفسها في ملفات صوتية لأول مرة في نهاية القرن الماضي. بالنسبة لملفات MP3 ، كان المعيار لإضافتها يسمى ID3 ، وبالنسبة لملفات الموسيقى التي يتم ضغطها دون فقدان الجودة (مثل FLAC وما شابه) ، كان معيار إضافة العلامات (البيانات الوصفية) يسمى تعليق Vorbis.

بالنسبة للموسيقى المسجلة بتنسيق Windows WMA ، توجد بيانات وصفية لـ WM ، ولأجهزة Apple MP4 ، بيانات تعريف iTunes (بالمناسبة ، كتبت مؤخرًا عن ذلك).

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

هذه هي العلامات التي اتضح أنها متنوعة للغاية ، والتي أدت دورها الرئيسي في جميع هذه الحالات - ترميز (مقالات على موقع أو محتوى على صفحة ويب أو بيانات وصفية في ملفات الموسيقى). آمل أن يكون لديك الآن عدد أقل من الأسئلة حول هذا الموضوع.

كل التوفيق لك! نراكم قريبا على موقع صفحات المدونة

قد تكون مهتمًا

علامات Instagram - لماذا هناك حاجة إليها وأين ترى أكثرها شهرة
Hashtags - ما هي وكيف يتم استخدام الوسوم على Twitter و Instagram وغيرها من الأماكن كيفية إضافة سمة Alt تلقائيًا إلى علامات Img الخاصة بمدونة WordPress (حيث لا توجد)
Radikal - استضافة مجانية للصور مع تحميل سريع وسهل للصور عبر Radikal.ru
الرابط - ما هو وكيفية إنشائه ما هي ذاكرة التخزين المؤقت - كيفية مسح ذاكرة التخزين المؤقت في Opera و Mozilla و Chrome والمتصفحات الأخرى
سؤال كبير - كيف تربح المال من خدمة الأسئلة والأجوبة المقارنة هي تقنية تزين الصورة (أمثلة من الأدبيات) ما هو التلفزيون الذكي في التلفزيون

مرحبا عزيزي قراء موقع المدونة. سنبدأ اليوم في الحديث عن العلامات في لغة Html ، وهي العناوين H1 ، H2 ، H3 ، H4 ، H5 ، H6 ، حول الفقرات P وفواصل الأسطر Br ، وكذلك عن علامة السطر الأفقي Hr ، على سبيل المثال منها سننظر في استخدام السمات ولنرى أين سيكون من الممكن اكتشاف جميع السمات الممكنة لكل عنصر وإلقاء نظرة سريعة على بناء جملة القيم الخاصة بهم.

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

عناصر الحظر ، بشكل افتراضي ، حاول تشغل كل المساحة المتاحةوبالتالي فإن عنصر الكتلة التالي سيكون بالضرورة على سطر مختلف.

لنبدأ الآن في دراسة منهجية لجميع العلامات الممكنة في Html وفي نفس الوقت سوف نولي اهتمامًا خاصًا للنوع الذي ينتمون إليه من أجل فهم احتمالات استخدامها الصحيح (الصحيح) بوضوح. تبدو بنية العلامات المبسطة كما يلي:

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

لنبدأ بشيء مثل العناوين ، والتي يتم تشكيلها باستخدام العلامات المقترنة H1 ، H2 ، H3 ، H4 ، H5 ، H6 (يأتي الاسم من الحرف الأول من كلمة "Header" ، أي "العنوان"). وهي مصممة لفصل أجزاء مختلفة من النص عن بعضها البعض وتحديد أهميتها اعتمادًا على المستوى. في الإصدار الحديث من لغة Html ، يتم تحديد ووصف جميع العلامات وجميع السمات المسموح بها مسبقًا.

نتيجة لذلك ، يمكن أن تحتوي العناوين على ستة مستويات فقط ، بالإضافة إلى عناصر H1-H6 كتلة، بمعنى آخر. تميل إلى شغل كل المساحة المتاحة عبر عرض الصفحة. لكن لديهم خاصية واحدة - يمكن فقط أن تكون العناصر المضمنة داخل علامات العنوان ، على الرغم من حقيقة أن Div نفسه ، على سبيل المثال ، يسمح لك بتضمين علامات كتلة أخرى بداخله.

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

سيتم رسم عناوين المستويات المختلفة H1-H6 في المتصفحات ذات الخطوط ذات الأحجام المختلفة (على الرغم من استخدام CSS ، يمكنك تعيينها على الإطلاق لأي حجم ولون ونوع خط للعرض في المتصفح ، ولكن في Html النقي هذه هي القواعد) :

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

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

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

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

الفقرة وفاصل الأسطر والخط الأفقي HR في كود Html

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

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

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

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

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

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

الفقرة عبارة عن عنصر كتلة ، لذلك سيميل النص الموجود داخل الفقرات إلى شغل كل المساحة المتاحة لها في العرض. بمعنى ، إذا كتبت رباعي في كود Html للمستند كما ينبغي (كل سطر على حدة) ، وأرفقت هذه الرباعية بالكامل في علامات الفقرة P ، فسترى في المتصفح أن جميع أسطرك الأربعة ستندمج في واحد وسيشغل العرض الكامل للمساحة المتاحة للنص.

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

حسنًا ، إذا كنت حقًا بحاجة إلى كتابة quatrain في نموذج مقبول بشكل عام ، فيمكنك استخدام Html إضافي لهذا الغرض

علامات فاصل الأسطر تسمى BR

(من كلمة "استراحة"):

BR عنصر مضمن وأيضًا "فارغ" ، أي مفرد (لا يحتوي على عنصر إغلاق). الوظيفة الكاملة لـ BR هي أنها تسبب فاصل أسطر عند عرض النص في المستعرض (على غرار مفتاح Enter في أي محرر نصوص).

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

الموارد البشرية(اختصار للكلمات "القاعدة الأفقية" ، أي الخط الأفقي) - علامة Html بسيطة جدًا ترسم خطًا أفقيًا (شريطيًا) عبر عرض الشاشة بالكامل وسمكًا اعتمادًا على المتصفح الذي يتم عرضه فيه ( إنها في الأساس علامة بصرية ، والتي ، عن طريق القياس مع علامات العنوان ، تسمح لك بتقسيم النص إلى أجزاء منطقية لتسهيل الاستيعاب).

إنها "فارغة" (مفردة) ، أي ليس لديه زوج (علامة نهاية). بجانب، الموارد البشرية هي عنصر كتلة، بمعنى آخر. وهي تشغل بشكل افتراضي العرض الكامل للصفحة المتاحة لها.

مفهوم السمات وقواعد كتابتها في علامات Html

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

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

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

لذا دعنا أولاً ننتقل إلى بناء جملة السمات. يتم إدخالها في علامة الفتح ، مكتوبة بمسافة (بما في ذلك مسافة بعد اسم العنصر) وهي عبارة عن بناء يتضمن الاسم وعلامة "يساوي" ومكتوبًا بين علامات اقتباس (عادةً ما يكون من المعتاد وضع أزواج مزدوجة ، لكن المعيار يسمح أيضًا بقيم الفردي المقترن). ترتيب السمات في كود Html للعلامة غير مهم.

هناك قدمت رابطًا لـ قائمة بجميع العلامات المسموح بها في Html. إذا نقرت على اسم العنصر الذي تهتم به في هذه القائمة (في حالتنا ، هو HR) ، فسيتم نقلك إلى صفحة تحتوي على مواصفات مفصلة له:

يمكن أن تكون جميع سمات أي علامة تنقسم إلى ثلاث مجموعات:

1. عام - يمكنهم الوقوف في الغالبية العظمى من العناصر في لغة Html. في الصورة أعلاه ، هم في الأسفل ومحاطة بدائرة باللون الأحمر. في الواقع ، هناك عدد قليل من السمات المشتركة (ستة فقط) ، وحتى ذلك الحين ، فمن غير المرجح أن تستخدمهم جميعًا في ممارستك. على الأرجح أربعة فقط - العنوان والأسلوب.
2. سمات الحدث - هناك حاجة إليها لبدء بعض الإجراءات استجابةً لإجراء مستخدم أو حدث نظام. إنها أكثر ارتباطًا بـ JavaScrit وتقع في أسفل الشكل أعلاه (محاطة بدائرة في مربع مظلم).
3. فريد - تحتوي كل علامة عادةً على مجموعة سماتها الخاصة ، والتي قد لا يمكن العثور على بعضها في عناصر أخرى على الإطلاق. إذا أخذنا في الاعتبار الخط الأفقي HR ، فإنه يحتوي على أربع سمات فريدة فقط (محاذاة ، noshade ، الحجم والعرض). سيتم تجاهل جميع الآخرين المحددين في علامة الموارد البشرية (باستثناء المجموعتين الموصوفتين أعلاه) من قبل المتصفح.

أمثلة على السمات في علامة الخط الأفقي للموارد البشرية

يمكن أن تكون قيم السمات المختلفة إما أرقامًا عشوائية (إلخ) أو قيمًا من مجموعة محددة مسبقًا ، على سبيل المثال ، كما في حالة محاذاة HR - يسار | مركز | يمين (يمكنك استخدام واحد من ثلاثة محاذاة والخيارات).

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

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

على سبيل المثال ، في السطر الذي تحته خط في الشكل الخاص بسمة المحاذاة ، بالنسبة لعلامة HR ، يُسمح فقط بثلاث قيم ثابتة مدرجة هناك (يسار | مركز | يمين).

عمود آخر مهم للغاية هو "Depr". إذا كان الحرف D عكس السمة التي تهتم بها في هذا العمود ، فعندئذٍ لا ينصح باستخدامه، ويجب عليك تطبيق أنماط CSS المناسبة لاستبدالها. عند عرض مواصفات العلامة ، رأينا أيضًا أنه بجانب أسماء جميع السمات الأربع للموارد البشرية ، تمت كتابة كلمة "مهمل" (غير مستحسن للاستخدام).

دعونا نرى ما هي السمات المستخدمة مع العناصر التي غطيناها حتى الآن في هذه المقالة (P ، العناوين H1-H6 و HR). لاجلهم جميعا يمكنك استخدام "محاذاة"، لان كل هذه العناصر هي عناصر كتلة. بالنسبة للعناصر المضمنة ، تفقد سمة المحاذاة معناها.

على سبيل المثال ، إذا قمت بإضافة "محاذاة" إلى علامة عنوان (مثل H1) ، يمكنك تعيين محاذاة نص العنوان. أولئك. سيشغل عنصر الكتلة كل المساحة المتاحة له في العرض ، لكن محتوى هذا العنوان (نصه) يمكن أن يكون إما محاذيًا لليسار (اليسار هو الافتراضي) ، أو محاذيًا لليمين (يمينًا) ، أو في المنتصف (الوسط) ) أو في العرض (ضبط - تتغير المسافة بين الكلمات ، كما هو الحال في أعمدة الصحف).

بالمناسبة ، سيكون الأمر نفسه صحيحًا بالنسبة لعلامة فقرة Html P ولحاوية Div ، إذا نظرت عن كثب إلى لقطة الشاشة أعلاه.

بالنسبة لخط الموارد البشرية الأفقي ، فإن سمة "المحاذاة" تعني محاذاة الخط الأفقي الذي يشكله هذا العنصر. لكن علامة HR هي عنصر كتلة وتميل إلى شغل كل المساحة المتاحة في العرض. لذلك ، من المنطقي فقط استخدام "محاذاة" في ذلك إذا كنت قم بتعيين قيمة لسمة "العرض"(العرض) أصغر من عرض الصفحة.

كقيمة لـ "العرض" ، يمكنك استخدام الأرقام فقط (سيكون هذا هو العرض بالبكسل) ، أو يمكنك استخدام النسب المئوية من إجمالي العرض المتاح لخط HR الأفقي. يتم تعيين قيمة سمة "الحجم" لنفس العلامة بأرقام تشير إلى ارتفاع الخط الأفقي بالبكسل. لنلقِ نظرة على هذا بمثال:

---

تحتوي علامة الموارد البشرية في معيار Html 4.01 على علامة أخرى سمة تسمى مفرد، لان لا يمكن أن يأخذ أي قيمة (هذا يعني فقط بعض الإجراءات) - إنه "noshade" الذي يمنع الخط الأفقي من إلقاء الظل:

---

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

كل التوفيق لك! نراكم قريبا على موقع صفحات المدونة

قد تكون مهتمًا

الجداول في Html - علامات Table و Tr و Td ، بالإضافة إلى Colspan و Cellpadding و Cellspacing و Rowspan لإنشائها
Iframe و Frame - ما هما وما أفضل طريقة لاستخدام الإطارات في Html
توجيهات التعليقات و Doctype في كود Html ، بالإضافة إلى مفهوم الكتلة والعناصر المضمنة (العلامات)
التضمين والعنصر - علامات Html لعرض محتوى الوسائط (فيديو ، فلاش ، صوت) على صفحات الويب
كيفية إدراج ارتباط وصورة (صورة) في علامات HTML - IMG و A.
نماذج Html للموقع - علامات Form، Input and Select، Option، Textarea، Label وغيرها لإنشاء عناصر نموذج الويب
الخط (الوجه والحجم واللون) و Blockquote والعلامات المسبقة - تنسيق نص مهمل بتنسيق HTML خالص (بدون استخدام CSS)
أحرف المسافات البيضاء وتنسيقها للشفرة بلغة Html ، بالإضافة إلى الأحرف الخاصة غير الفاصلة للمسافات وغيرها من فن الإستذكار
كيفية إنشاء ارتباط تشعبي (A ، Href ، Target فارغ) ، وكيفية فتحه في نافذة جديدة على الموقع ، وكذلك إنشاء رابط للصورة في كود Html