السيطرة + U

كيف يمكنني عرض الكود المصدري للعنصر؟

انقر الزر الايمنالماوس على عنصر الصفحة من الفائدة.

جوجل كروم : "عرض رمز العنصر"

الأوبرا: "تدقيق العنصر"

ثعلب النار: "تحليل العنصر"

في المتصفحات الأخرى، ابحث عن عنصر قائمة له معنى مماثل.

أهلاً بكم!

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

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

في المستقبل سوف تدرس بالتأكيد مصدرالصفحات والعناصر الفردية.

دعنا ننظر إلى مثال محددكيف يمكنك استخدام عرض الكود المصدري للصفحة.

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

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

إن عرض الكود المصدري للصفحة بالكامل ليس في معظم الحالات مناسبًا للغاية، لذلك من الممكن في جميع المتصفحات عرض كود عنصر أو جزء فردي.

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

نرى أن رمز الرابط يحتوي على rel=”nofollow” . وهذا يعني أن العلاقات العامة لن "تتسرب" عبر هذا الرابط. سنتحدث عن هذا بمزيد من التفصيل في المقالات التالية. الشيء المهم الآن هو أنك تعرف الآن كيفية عرض الكود المصدري للصفحة والكود المصدري لعنصر فردي.

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

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

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

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

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

كيفية البحث عن كود html وcss للموقع وتغييره

إذا كنت لا تحب مقالات طويلة، لك في نهاية المقالفيديو تعليمي يوضح كيف يمكنك رؤية كود html الخاص بموقع الويب باستخدام برنامج Notepad++ وإجراء تغييرات على تصميم أي قالب باستخدام مثال لكيفية تغيير لون الخط. يوجد في الفيديو تفاصيل دقيقة أخرى للتعامل مع المدونة. ولمن هو أقرب و نص أكثر وضوحا، في الأسفل تحليل تفصيليالمواضيع مع لقطات الشاشة.
httpv://youtu.be/uIlVvwCt2ho

المصطلحات والمفاهيم

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

• لغة البرمجة— هو المسؤول عن بنية الموقع (ما يتبع ماذا، وبأي ترتيب، وما إلى ذلك). وهذا هو الأساس الذي تم إنشاء الموقع عليه. إذا قارناها بالمنزل، فهذا هو تصميمه وترتيب الغرف.
• CSS— هو المسؤول عن التصميم (ما هي الخطوط والأحجام والألوان، وما إلى ذلك). هذا النمط العامالمنزل وأسلوب غرفه الفردية: أي نوع من ورق الحائط سيكون هناك، والمصابيح، والستائر، والأثاث. ولذلك فإن الوثيقة التي تنص على رموز المغلق، تسمى "ورقة الأنماط"

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

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

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

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

هل يجب أن تكون خبيراً في كل شيء؟

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

بعد 10 أيام من وجودها، احتلت المدونة المرتبة 104 في تصنيف جميع مواقع Runet مع حركة مرور تبلغ حوالي 1.5 ألف شخص يوميًا. في 10 أيام. إذن ما هو الاتفاق؟ فلاديمير على دراية جيدة بـ HTML، ويمكنه طلبها وشرائها لنفسه قالب فريد من نوعه. لذلك يجب أن تفهم ذلك السر لا يكمن في القوالب، بل في فائدة المعلومات.

أين يتم إخفاء كود html؟

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

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

هام: لا تخلط بين هذا وبين عرض رمز الصفحة! لا نحتاج للصفحة بأكملها الآن، فقط عنصر منفصل.

انقر عليها - تظهر نافذة عرض الكود أسفل المتصفح:

يتم تمييز سطر التعليمات البرمجية الذي نقوم بتغييره باللون الأحمر.

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

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

المبدأ العام، حيث يتم البحث عن:

اسم الخط - في سطر FONT FAMILY

حجم الخط - في سطر حجم الخط

لون الخط - في سطر اللون

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

انتباه:

الخط الذي سنقوم بنسخه مظلل باللون الأحمر في الشكل،

بحيث يمكنك العثور عليه لاحقًا في ورقة الأنماط.

4. انسخ السطر. وبما أننا في هذا المثال نريد تغيير لون اسم الموقع، فقد قمت بنسخ الخط الموضح بالمستطيل الأحمر في الصورة الثانية. في القالب الخاص بي هو المسؤول عن تغيير لون عنوان الموقع:

#header h1 a، #header h1 a: تمت الزيارة (

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

لذلك، انتقل إلى لوحة الإدارة: CONSOLE - APPEARANCE - EDITOR. في الشريط الجانبي الأيمن نجد الملف STYLE TABLE (STYLE.CSS)، افتحه.

افتح الآن سطر البحث باستخدام المفاتيح CTRL + F: ستظهر نافذة سطر فارغة في النافذة العلوية. نلصق فيه السطر الذي نسخناه في الخطوة 4.

وسترى كيف سيتم إبراز هذا الخط في ورقة الأنماط (في الصورة - البرتقالي):

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

يمكنك تحديد لون في أي خدمة لوحة ألوان ويب: اكتب "لوحة ألوان الويب" في محرك البحث وحدد اللون الذي تريده. حدد اللون وانسخه القيمة الرقميةواستبدل القديم بعناية. وبعد ذلك نضغط على تحديث الملف ونذهب لنرى ما حدث.

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

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

بمزيد من التفاصيل، كيفية تغيير عناصر معينة:

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

أقترح مشاهدة فيديو Artem Abramovich حول كيفية البحث والعثور على أي كلمة أو عنصر في أي موضوع/قالب، لأي محرك (Wordpress، Joomla، إلخ) واستبدالها بما تحتاجه:

يرجى مشاركتها إذا أعجبتك:

قد تكون مهتمًا أيضًا بمعرفة:

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

في متصفح الانترنت Explorer، انقر فوق قسم "ملف" في القائمة وحدد "تحرير في المفكرة". بدلاً من اسم المفكرة، قد يتم كتابة اسم آخر، قمت بتخصيصه في إعدادات المتصفح لعرض الأصل شفرةأ. عند النقر الصفحاتباستخدام زر الفأرة الأيمن، تظهر قائمة السياق، والتي تحتوي أيضًا على عنصر يسمح لك بفتح المصدر شفرة الصفحاتفي برنامج خارجي- "عرض HTML" شفرةأ".

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

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

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

تعليمات

1. في متصفح موزيلا FireFox، قم بتوسيع قسم "عرض" في القائمة وانقر على "أولي" شفرة الصفحات" يوجد نفس العنصر أيضًا في قائمة السياق التي تظهر إذا قمت بالنقر بزر الماوس الأيمن فوق النص الصفحات. يمكنك أيضًا استخدام مجموعة المفاتيح CTRL + U. لا يستخدم Mozilla FireFox برامج خارجية - أولية شفرة الصفحاتمع تمييز بناء الجملة سيتم فتحه في نافذة متصفح منفصلة.

2. في المتصفح متصفح الانترنتانقر على قسم "ملف" في القائمة وحدد "تحرير في المفكرة". بدلاً من اسم المفكرة، يمكن كتابة برنامج آخر قمت بتعيينه في إعدادات المتصفح لعرض الملف الأولي شفرةأ. عند النقر الصفحاتباستخدام زر الفأرة الأيمن، تظهر قائمة السياق، والتي تحتوي أيضًا على عنصر يسمح لك بفتح الحرف الأولي شفرة الصفحاتفي برنامج خارجي – “عرض HTML- شفرةأ".

3. في متصفح Opera، افتح القائمة، وانتقل إلى قسم "الصفحة" وستتاح لك فرصة تحديد عنصر "ابدأ" في القسم الفرعي "أدوات التطوير" شفرة"أو العنصر "الأولي شفرةإطار." يتم تعيين مفاتيح التشغيل السريع CTRL + U و CTRL + SHIFT + U لهذا التحديد، على التوالي. في قائمة السياق منضمة إلى نقرة الصفحاتانقر بزر الماوس الأيمن، وهناك أيضًا عنصر "الأولي شفرة" الأوبرا تفتح المصدر الصفحاتفي برنامج خارجي تم تعيينه في نظام التشغيل أو في إعدادات المتصفح لتحرير ملفات HTML.

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

5. في المتصفح أبل سفاريقم بتوسيع قسم "عرض" وحدد السطر "عارض HTML" شفرةأ". في القائمة التي تظهر عند النقر بزر الماوس الأيمن فوق فتح الصفحات، العنصر المقابل يسمى "عرض المصدر". يتم تعيين مفاتيح التشغيل السريع لهذا الإجراء CTRL + ALT + U. الأولي شفرةيفتح في نافذة متصفح منفصلة.

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

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

كيفية عرض رمز الصفحة؟

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

• خلف؛
• إلى الأمام؛
• اعادة التشغيل؛
• حفظ باسم؛
• ختم؛
• ترجمة إلى الروسية.
• عرض رمز الصفحة;
• عرض الكود.

نحن بحاجة للنقر على عرض رمز الصفحةوسيفتح أمامنا كود html الخاص بصفحة الموقع.

عرض رمز الصفحة: ما الذي يجب الانتباه إليه؟

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

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

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

على سبيل المثال:

//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3

سنرى أنماط خطوط CSS للصفحة. في هذه الحالة، يتم استخدام الخط. يمكن رؤية ذلك هنا - عائلة الخطوط: "Source Sans Pro".

تم تحسين هذا الموقع باستخدام مكون SEO الإضافي يوست سيو. يمكن ملاحظة ذلك من قسم التعليمات البرمجية الذي تم التعليق عليه:

تم تحسين هذا الموقع مع الزبادي البرنامج المساعد لكبار المسئولين الاقتصاديين v3.4.2 – https://yoast.com/wordpress/plugins/seo/

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

/ عداد Yandex.Metrika

دعونا نلخص ذلك

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

• نظام إدارة المحتوى وورد؛
• جوجل مصدر الخط بلا برو؛
• موضوع ووردبريس – سيدني؛
• إضافات يوست؛
• عداد مقاييس ياندكس.

الآن مبدأ التحليل كود أتش تي أم ألصفحة الموقع واضحة تماما. ليس من الضروري على الإطلاق إبقاء الصفحة التي تبحث عنها مفتوحة في المتصفح. يمكنك حفظ رمز الصفحة على جهاز الكمبيوتر الخاص بك باستخدام مجموعات المفاتيح ctrl+a، ctrl+c، ctrl+v. لصقه في أي محرر النص(Notepad++ أفضل) واحفظه باستخدام ملحق أتش تي أم أل. بهذه الطريقة، يمكنك دراستها بشكل أعمق في أي وقت والعثور على المزيد من المعلومات المفيدة لنفسك.