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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

في الكود، يمكن أن تبدو، على سبيل المثال، كما يلي:

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

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

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

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

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

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

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

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

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

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

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

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

أنت قد تكون مهتم

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

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

يطرح مؤلف الإعلانات أسئلة تقليدية. وتبدأ جميعها بالعبارة "ما هي العلامة المستخدمة لتحديد...":

• عنوان؛
• فقرة؛
• ظفري؛
• مائل.
• القائمة ذات تعداد نقطي/غير مسمى/

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

يتم تمثيل العلامات الخاصة بإنشاء العناوين بالعناصر h1-h6. لقد حصلوا على رسالتهم من العنوان الإنجليزي (العنوان). لتعيين نوع الرأس المطلوب والتأكيد على أهميته بالنسبة لـ PS، استخدم الكود التالي:

العنوان h1 العنوان h2 العنوان h3 العنوان h4 العنوان h5 العنوان h6

على الموقع سوف تبدو مثل هذا.

يتمتع عنوان h1 بالأهمية الأكبر - والرؤية -. يتم استخدامه كعنوان للنشر ويتم استخدامه مرة واحدة فقط. بالنسبة للعناوين الفرعية في النص، يوصى بـ h2 وh3. إنها تساعد في التأكيد على أهمية المادة قيد النظر وتقسيم المقالة إلى مستويات معلومات.

لا يتم استخدام الرؤوس h4-h6 عمليًا، ولكنها مطلوبة لتسليط الضوء على الكتل المنطقية والأجزاء المهمة.

بالنسبة للمقالات الكبيرة، من الأفضل استخدام العناوين h1-h3، وللمقالات الصغيرة - h1 وh2.

يحتوي النص الجيد المنظم دائمًا على قائمة واحدة أو حتى عدة قوائم. وبحسب مظهرها فإن القوائم هي:

لكن كل تصميمات Word غير مناسبة للمنشورات على الموقع، لذا فإن الأمر يستحق تعلم كيفية تنسيق القوائم بشكل صحيح في علامات HTML.
تبدو علامة القائمة ذات التعداد النقطي كما يلي:

ضع علامة على قائمة غير مميزة مثل هذا:

علاوة على ذلك، كل عنصر في القائمة له إطار HTML خاص به:

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

بالنسبة للقائمة غير المميزة فهي مشابهة:

• قائمة الاغراض
• قائمة الاغراض
• قائمة الاغراض
• قائمة الاغراض

لقد قمنا بفرز القوائم. يمكننا المضي قدما.

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

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

يتيح استخدام علامات html إرضاء محركات البحث وإبراز النص بصريًا للمستخدم. ما هو الأكثر أولوية، قرر بنفسك:

تسليط الضوء على عبارة بالخط العريض لـ PS والمستخدمين تسليط الضوء على عبارة بالخط العريض للمستخدمين عبارات مائلة لـ PS والمستخدمين كتابة عبارة بخط مائل للمستخدمين

لدي مقال كبير ومثير للجدل للغاية حول موضوع العلامات الغامقة، وهو ما يسمى.

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

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

حسنًا، بعض الرسوم البيانية الموضوعية البسيطة في النهاية:

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

إقرأ: 3,365

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

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

كما هو مذكور أعلاه، تبدأ جميع العلامات بقوس زاوية< и заканчиваются угловой скобкой >. قوس زاوية الفتح متبوعًا باسم العلامة (الأمر).

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

لنلقي نظرة على مثال:

هذا النص عادي. هذا النص مكتوب بالخط المائل.

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

تبدو علامة الإغلاق مثل علامة البداية، ولكنها تبدأ بشرطة مائلة. لذا، فإن علامة النهاية للأحرف المائلة هي .

لنلقي نظرة على مثال:

هذا النص عادي. انتباه! مائل.وهذا مرة أخرى خط عادي.

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

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

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