ما هو URI و URL و URN وكيف تختلف. لا يوجد شيء أفضل من مثال ملموس

مرحبا عزيزي قراء موقع المدونة. اليوم أريد أن أتطرق إلى موضوع إنشاء فريد عناوين URLعلى الإنترنت والتحدث عن مبادئ الإبداع الروابط النسبية والمطلقة.

بالطبع ، موضوع تكوين عناوين Urls أو نسختهم الموسعة من URIs (uri) معقد للغاية إذا بحثت بعمق وحاولت الوصول إلى الحقيقة.

لكننا لسنا بحاجة إلى هذا ، لأنه يكفي أن نفهمه بنية عنوان URLفي تطبيقه.

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

عناوين URL - ما هي وكيف تؤثر على فهرسة الموقع

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

URL و URI

حسنًا ، أي مستند (صفحة ويب) على الإنترنت له عنوان URL الفريد الخاص به، والذي يرمز إلى Uniform Resource Locator (محدد موقع الموارد). هو ، وكذلك بروتوكول HTTP ، ولكن أيضًا كيف تم تطويره وإنشاءه بواسطة نفس الشخص - Tim Berners-Lee (والد مؤسس المشروع).

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

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

https: //.html

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

WWW ومرايا الموقع الأخرى التي يجب لصقها معًا

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

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

وينطبق الشيء نفسه عند نقل الموقع إلى ملف بروتوكول https مع http- بالنسبة لمحركات البحث ، سيكون موقعًا مختلفًا.

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

هـ. "بدون atavism" ، وإذا أضفت هذه البادئة الرائعة إلى أي من عناوين URL الخاصة بي ، فستحدث إعادة توجيه تلقائية إلى العنوان "بدون WWW".

https: //www..html

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

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

من أين تأتي عناوين URL الإضافية (الصفحات المكررة) لموقعك في فهرس محرك البحث

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

لكن هذا ليس كل ما يمكن كتابته في العنوان. من خلال عنوان URL ، تمرر العديد منها ما يسمى بمعلمات GET ، والتي تتم إضافتها إلى نهايتها بعد وضع علامة استفهام ، على سبيل المثال ، مثل هذا:

https: //www..html؟ print = yes

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

يمكن إضافة العديد من معلمات Get المختلفة كما تريد إلى عنوان Url نفسه ، وسيتم فهرسة كل هذا بواسطة Yandex و Google إذا لم تقم بإنشاء المحظورات المناسبة في ملف robots.txt ، يتم توفير رابط المقالة حوله فقط فوق. خلاف ذلك ، قد محركات البحث للكثير من المحتوى المكرر(نفس المحتوى متوفر في عناوين مختلفة).

أيضا ، على سبيل المثال ، الصفحة الرئيسيةيمكن الوصول إلى موردي باستخدام عنواني URL مختلفين:

https: // site https: //site/index.php

(حتى الثلاثة - أيضًا https: // site /) وفي أي حال ، سيتم فتح الصفحة الرئيسية. هذا سيء جدا لأن ستجد محركات البحث ثلاثة صفحات مختلفة(لديهم عناوين URL مختلفة من وجهة نظرهم) ، ولكن بنفس المحتوى الذي لا يحبونه.

لذلك ، لقد قمت بذلك بحيث عند إدخال أي من عناوين URL أعلاه ، سيتم إجراء إعادة توجيه إلى عنوان URL بالشكل "https: // site /". يتم ذلك ، كقاعدة عامة ، باستخدام عمليات إعادة التوجيه 301 في ملف .htaccess ، إما مباشرة في إعدادات الخادم بنفسك أو بواسطة المضيف.

لمزيد من المعلومات ، اقرأ المنشور المرتبط بـ.

بنية عنوان URL وإعادة ترميزها إلى URL المشفرة

على الاطلاق، مخطط كتلة URL الكامليمكن تمثيله على النحو التالي:

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

http: // تسجيل الدخول: [بريد إلكتروني محمي] site / platniy-access.html

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

بروتوكول نقل الملفات: // تسجيل الدخول: [بريد إلكتروني محمي]الموقع: 6789 / samoe-nujnoe / cimus

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

عناوين URL في شكل روابط تجزئة تفتح الصفحة في المكان الصحيح

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

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

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

ما هي الأحرف التي يمكن استخدامها في عناوين URL؟

من الجدير بالذكر أيضًا الترميزات المختلفة المستخدمة في عناوين URL. بدون إعادة ترميز ، يمكنهم استخدامهافقط عدد محدود من الشخصيات. يُنصح عادةً بأن تقتصر على مجموعة من الشخصيات: ،،، [_] ، [-].

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

يُسمح باستخدام أي أحرف أخرى (بما في ذلك اللغة الروسية) في عناوين URL ، ولكنه يُسمح بذلك التسجيلهذه الأحرف نفسها (ترميز URL).

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

https: // website / who's new /

بعد التحويل سيبدو كما يلي:

Http // site /٪ BA٪ D1٪ 82٪ D0٪ BE٪ 20٪ D0٪ BD٪ D0٪ B0٪ 20٪ D0٪ BD٪ D0٪ BE٪ D0٪ B2٪ D0٪ B5٪ D0٪ BD٪ D1٪ 8C٪ D0٪ BA٪ D0٪ BE٪ D0٪ B3٪ D0٪ BE

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

فيما يتعلق بكل ما سبق ، أود أن أنصح عند استخدام نظام إدارة المحتوى الخاص بي لا تجعل عناوين الصفحات باللغة الروسية، ولا سيما أنه وفقًا للعديد من المروجين ، سيكون أفضل من حيث تحسين Seo لـ Yandex و Google.ru.

روابط نسبية ومطلقة على الموقع

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

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

PHPMyAdmin

كل شيء بسيط للغاية.

فوائد الروابط النسبية وكيف يمكنك الحصول عليها

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

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

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

قم بإنشاء روابط ذات صلة بالمستند الذي تم إلصاقها منه

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

مِرسَاة

لنفترض الآن أن المستند المتقبل موجود في مجلد موجود في نفس الدليل مثل مستند المانح.

كيف سيبدو الارتباط النسبي في هذه الحالة؟ كل شيء بسيط أيضًا:

مِرسَاة

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

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

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

ما هو URL

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

ما هو عنوان Url

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

تصميم مسار معقد

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

قم بإنشاء ارتباط متعلق بالمجلد الجذر

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

الذي - التي. سيبدو الانتقال إلى الصفحة الرئيسية بسيطًا جدًا ، ولكنه باهظ:

مِرسَاة

على سبيل المثال، مطلققد يبدو المسار كالتالي:

مِرسَاة

أ نسبيإلى نفس الملف سيكون أقصر إلى حد ما:

نص

كيفية الرجوع إلى مجلد في شكل نسبي ومطلق

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

مِرسَاة

ليس كذلك:

نص

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

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

بالتأكيد إذا وجدته.

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

ها هي يا ميخاليش!

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

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

ترميز نص ASCII (Windows 1251 ، CP866 ، KOI8-R) و Unicode (UTF 8 ، 16 ، 32) - كيفية إصلاح مشكلة krakozyabry
كيف تمكنت من زيادة حركة المرور على الموقع إلى 300 شخص في اليوم؟
بحث Yandex على الموقع والمتجر عبر الإنترنت
خريطة الموقع بتنسيق xml لـ Yandex و Google - كيفية إنشاء خريطة موقع في Joomla و WordPress أو في مولد عبر الإنترنت

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

أولاً ، بعض التعريفات:

Html (من اللغة الإنجليزية "HyperText Markup Language" - لغة ترميز النص التشعبي) هي لغة الترميز القياسية لصفحات الويب.

Css (من "أوراق الأنماط المتتالية" بالإنجليزية - أوراق الأنماط المتتالية) هي تقنية لوصف مظهر صفحة الويب.

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

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

في رأيي، أفضل طريقةلتعلم html و css وموضوعات أخرى ، بما في ذلك الترويج لموقع الويب ، هو بدء موقع الويب الخاص بك والتدرب عليه. بالمناسبة ، يمكنك رؤية الموقع الأول الذي أنشأته على خرائط لعبة Counter-Strike ، والتي كنت مولعًا بإنشائها في ذلك الوقت. فيما يلي الخرائط ولقطات الشاشة الخاصة بهم ، التي أنشأها Globator القديم في تلك الأيام التي لم يكن يعرف فيها بعد ما هي أفضل 10 ، TCI و PR ، وكان يمرح بلا مبالاة في الشمس مما يخلق خرائط ثلاثية الأبعاد 🙂. لقد أنشأت هذا الموقع في غضون شهر ، وتعلمت لغة html و css عمليًا.

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

مواقع لتعلم html و css

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

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

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

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

استئناف التمرير التلقائي للنسخة

محدث

3/30/2017

مطلق سراحه

3/16/2015

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

تشمل الموضوعات:

• ما سبب أهمية HTML؟
• استكشاف مستند HTML
• تنسيق المحتوى
• عرض الصور
• استخدام عناصر التنقل و article و div
• الارتباط بالصفحات والمحتوى القابل للتنزيل
• إنشاء القوائم
• التحكم في التصميم (الخطوط والألوان والمزيد)
• كتابة النصوص الأساسية

الجميع روابط HTMLمقسمة إلى خارجية وداخلية. الروابط الخارجية هي روابط تقود من موقع إلى موقع آخر أو ملف موجود على موقع آخر. روابط داخلية- هذه هي الروابط التي تربط من صفحة واحدة بالموقع إلى صفحة أخرى من نفس الموقع أو إلى أقسام من نفس الصفحة.

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

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

مسار نسبي

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

أجزاء من الطريق	وصف	أمثلة القيمة
اسم الملف	إذا حددت اسم الملف فقط كقيمة سمة ، فهذا يعني أن الملف المطلوب موجود في نفس المجلد مثل الصفحة التي بها الارتباط.	"page.html"
فهرس/	إذا كان الملف الذي تريد تحديد المسار له موجودًا في دليل فرعي متعلق بالملف الذي يحتوي على رابط ، فهذا يعني أننا بحاجة إلى النزول مستوى واحدًا (إلى المجلد الفرعي للدليل الحالي) ، في هذه الحالة يبدأ المسار باسم الدليل الفرعي ، وبعد أن يشار إلى الاسم بشرطة مائلة للأمام "/" ، فإنه يعمل على فصل أجزاء من المسار ، وبعد ذلك يشار إلى اسم الملف الذي نحتاجه. ملاحظة: يمكنك فقط النزول إلى الأسفل بعدد المجلدات التي قمت بإنشائها. على سبيل المثال ، إذا قمت بإنشاء مجلد 10 مستويات أسفل الجذر ، فيمكنك تحديد مسار ينقلك إلى أسفل 10 مجلدات. ومع ذلك ، إذا كان لديك العديد من المستويات ، فهذا يعني على الأرجح أن تنظيم موقعك محرج بشكل غير ضروري.	"الدليل / page.html" "directory1 / directory2 / page.html"
../	إذا كنت بحاجة للإشارة إلى أن الملف الذي تشير إليه موجود في المجلد الأصلي ، فاستخدم الرموز .. (نقطتان) ، فهما يعنيان الانتقال إلى مستوى أعلى (إلى المجلد الأصل للدليل الحالي). بعد ذلك ، نحدد الشرطة المائلة للأمام "/" لفصل أجزاء من المسار وكتابة اسم الملف الخاص بنا. ملاحظة: الرموز .. يمكن استخدامها عدة مرات كما تريد في صف واحد ، باستخدامها ، يمكنك رفع مجلد واحد في كل مرة. ومع ذلك ، يمكنك الصعود حتى تصل إلى المجلد الجذر لموقعك. لا يمكنك الذهاب أعلى من هذا المجلد.	"../page.html" "../../page.html" "../../../cat1/cat2/page.html" - ننتقل من المجلد الحالي إلى ثلاثة مجلدات أعلاه وننزل بالفعل مستويين إلى الملف المطلوب
/	ليس من الضروري دائمًا أن يبدأ المسار النسبي بالنسبة إلى الموقع الحالي لصفحة الارتباط ، بل يمكن أن يبدأ أيضًا بالنسبة إلى الدليل الجذر للموقع. على سبيل المثال ، إذا كان الملف المطلوب موجودًا في الدليل الجذر ، يمكن أن يبدأ المسار بالحرف "/" ، وبعد ذلك تحتاج فقط إلى تحديد الاسم الملف المطلوب، والذي يقع في الدليل الجذر. ملاحظة: عندما يتم تحديد الحرف "/" أولاً ، فهذا يعني أن المسار يبدأ من الدليل الجذر.	"/page.html" "/cat1/cat2/car.png"

المسار المطلق

المسار المطلقيستخدم عادةً لتحديد المسار إلى ملف موجود على ملف آخر موارد الشبكة. إنه عنوان URL الكامل لملف أو صفحة. بادئ ذي بدء ، يشار إلى البروتوكول المستخدم في العنوان ، متبوعًا باسم المجال (اسم الموقع). على سبيل المثال: http://www.example.ru - هكذا يبدو المسار المطلق إلى موقع ويب معين. http: // هو بروتوكول لنقل البيانات ، و www.example.ru هو اسم الموقع (المجال).

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

الآن دعونا نلقي نظرة على ما هو URL-عنوان. كل صفحة ويب على الإنترنت لها عنوان فريد خاص بها ، وهو ما يسمى بـ URL. اختصار URLتمثل يوزي مُوحد صالموارد إل ocator (عنوان المورد الموحد) ، ببساطة ، عنوان URL هو محدد موقع الموارد. يتم توحيد طريقة كتابة العنوان هذه على الإنترنت.

: أردت دائمًا أن أفهم هذا ، لكن أهميته كانت صغيرة جدًا لدرجة أنه كان هناك دائمًا سبب لعدم القيام بذلك :)

وكنت تتساءل: URL - ما هو?

أصادف هذا دائمًا ، لكنني ما زلت لا أريد أن أفهم الفرق بين مصطلحات URI و URL و URN ثم فجأة منشور (لسوء الحظ ، لقد غرق بالفعل في النسيان) ، قررت - سأقرأه بنفسي ، وأخبر الآخرين ، على الرغم من أنه ، كما ذكرنا سابقًا ، لن يتغير شيء من هذا ، لكني أحب أحيانًا التهجئة ، لذا اقرأ المترجم العقلاني:

هل سبق لك أن انتبهت إلى شريط العناوين في متصفحك؟ ما هذا؟ URI أو URL أو URN؟ لا يميز الكثير منا بين URI و URL و URN وبعضنا لم يسمع أبدًا بمصطلح URI و URN ، كل شخص يستخدم المصطلح URL فقط. دعنا نحاول معرفة ذلك معًا.

شرح الاختصارات

URI - معرف المورد الموحد (زي موحد المعرفالموارد)
URL - محدد موقع المعلومات (موحد مكتشف الموقعالموارد)
URN - اسم المورد الموحد (زي موحد اسمالموارد)

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

تعريف

URI: يشير إلى اسم وعنوان مورد على الويب. ينقسم بشكل عام إلى URL و URN ، لذا فإن URL و URN هما مكونان لـ URI.
URL: عنوان بعض الموارد على الويب. يحدد عنوان URL موقع المورد وكيفية الوصول إليه.
URN: اسم بعض الموارد في الويب. الهدف من URN هو أنه يحدد فقط اسم عنصر معين يمكن العثور عليه في أماكن محددة متعددة.

لا يوجد شيء أفضل من مثال ملموس

URI = http: //site/2009/09/uri-url-urn.html
URL = http: // site
URL = / 2009/09 / uri-url-urn.html

تلخيص لما سبق

URI هو مفهوم المعرف المجرد ، في حين أن URL و URN هي تطبيقات ملموسة للعناوين والأسماء.
آمل أن يكون كل شيء واضح للجميع. كن ذكيا!

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