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

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

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

HTML (من اللغة الإنجليزية "لغة الترميز النص التشعبي" - لغة ترميز النص التشعبي) هي لغة ويب معيار صفحة الويب.

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

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

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

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

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

مواقع لتعلم HTML و CSS

سأبدأ مجموعة مختارة من الموارد المفيدة لاستكشاف HTML و CSS من الموقع الذي شارك فيه بنفسي. هذه هي دروس HTML البرية التي كتبها Valentina Akhmetzyanov AKA DICKARD. إنه لأمر ممتع للغاية ووصف جميع اللحظات اللازمة بأن دراسة HTML و CSS مع دروسها تتحول إلى مهنة مثيرة. بالمناسبة، يمكنك قراءة موقع المدونة. الدروس البرية تكفي لتعلم HTML و CSS على المسؤول عن الموقع اللازم للعمل.

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

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

بطبيعة الحال، فإن موضوع تكوين URMS أو إصداره الأكثر تقدما من URI (URI) أمر صعب للغاية إذا قمت بحفر عميق ومحاولة الوصول إلى الحقيقة.

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

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

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

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

عنوان URL و URI

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

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

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

https: //.html

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

شبكة الاتصالات العالمية وغيرها من المرايا في الغراء

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

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

أيضا إلى حد ما وعند نقل موقع محمي بروتوكول HTTPS مع HTTP - لمحركات البحث سيكون موقع آخر.

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

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

https: //www..html

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

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

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

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

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

https: //www..html؟ طباعة \u003d نعم

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

إلى نفس Ulla يمكن إضافته إلى CMS الخاص بك لأن العديد من المعلمات المختلفة التي تحصل عليها، وسيتم فهرسة كل هذا بواسطة Yandex و Google، إذا لم تقم بإنشاء المحظورات المقابلة في ملف Robots.txt، والرجوع إلى المقالة التي هي قليلا أعلى. خلاف ذلك، يمكن لمحركات البحث لكل عدد كبير من مكررة المحتوى (واحد والمحتويات المتاحة في عناوين مختلفة).

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

https: // https الموقع: //syt/index.php

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

لذلك، لقد فعلت ذلك بحيث عند إدخال أي من أعلاه أعلاه، سيتم إعادة توجيه عناوين URL إلى عنوان URL من أنواع "HTTPS: // الموقع /". عادة ما يتم ذلك باستخدام 101 إعادة توجيه في ملف file.htaccess، أو مباشرة في إعدادات الخادم بواسطتك أو Hoster.

للحصول على مزيد من المعلومات، اقرأ رابط النشر أدناه.

هيكل عناوين URL والتحول في URL المشفرة

على الاطلاق، عناوين URL كتلة الرسم البياني الكامل يمكنك أن تتخيل:

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

http: // تسجيل الدخول: [البريد الإلكتروني المحمي]موقع الويب / Platniy-dostup.html

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

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

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

عناوين URL في شكل روابط Hash فتح الصفحة في المكان المناسب

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

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

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

ما الشخصيات التي يمكنني استخدامها في عناوين URL؟

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

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

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

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

https: // الموقع / من الجديد /

بعد أن أصبح التحول مثل هذا:

http // الموقع /٪ ba٪ d1٪ 82٪ d0٪ يكون٪ 20٪ d0٪ bd٪ d0٪ b0٪ 20٪ d0٪ bd٪ d0٪ يكون٪ d0٪ b2٪ d0٪ bd٪ d0٪ bd٪ d0٪ 8C٪ D0٪ ba٪ d0٪ يكون٪ d0٪ b3٪ d0٪ يكون

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

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

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

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

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

pchpmaadmin.

كل شيء بسيط جدا.

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

ومع ذلك، عادة ما يتم استخدام الارتباطات التشعبية المطلقة عادة فقط في الحالات التي يرغبون فيها الرجوع إلى المواقع الخارجية، وللحولات الداخلية، معظم مشرفي المواقع (ذكية وملهمة، وليس كما I 🙂) حاول استخدامها الروابط النسبيةوبعد وهذه ليست عدة أسباب:

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

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

إنشاء مراجع نسبية بشأن المستند الذي يتم تثبيته منه

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

مرساة

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

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

مرساة

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

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

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

ما هو عناوين URL

إذا كنت بحاجة إلى تسلق مستويين، فسوف ينظر السجل إلى:

ما هو ul.

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

تصميم المسار الصعب

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

إنشاء رابط نسبي إلى مجلد الجذر

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

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

مرساة

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

مرساة

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

نص

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

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

مرساة

وليس هذا:

نص

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

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

تأكد من اكتشاف.

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

هنا هو ما، ميخلاش!

كل التوفيق لك! لاجتماعات غامضة على موقع صفحات المدونة

قد تكون مهتما

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

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

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

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

محدث.

3/30/2017

صدر.

3/16/2015

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

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

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

k.E.N. Lavlinsky N. E.، المدير الفني للطريقة المعملية

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

المعايير السابقة

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

تحميل الموارد مع التحميل المسبق

ما يعطي مواصفات جديدة؟ أولا، يحدث التحميل الآن مع التوضيح الذي يتم تحميله. بناء على النوع المحدد من المورد، يتم تعيين المستعرض الأولوية لتحميل الأولوية. على سبيل المثال:

link REL \u003d "التحميل" Href \u003d "/js/script.js" as \u003d "النصي"\u003e
link REL \u003d "التحميل المسبق" Href \u003d "/fonts/1.woff2" كما \u003d "النوع" \u003d "Font / Woff2" Crossorigin\u003e

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

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

تسريع تحميل الخطوط

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

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

تحميل غير متزامن CSS.

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

هكذا يتم فعل هذا:

link REL \u003d "التحميل المسبق" AS \u003d "Style" HREF \u003d "ASYNC_STYLE.CSS" Onload \u003d "this.rel \u003d" StyleSheet ""\u003e

قم بتنزيل JS-Code دون تنفيذ

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

يمكن القيام بذلك باستخدام التعليمات البرمجية التالية:

link REL \u003d "التحميل المسبق" AS \u003d "البرنامج النصي" HREF \u003d "ASYNC_SCRIPT.JS"onload \u003d. "var script \u003d document.createelement (" البرنامج النصي ")؛ script.src \u003d this.href؛ Document.body.appendchild (البرنامج النصي)؛>

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

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

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

في هذا التطبيق، تضمنت فئة ConstructBundled الفئة Subclass XmlresourceBundle. يتم استخدام هذه الفئة الفرعية لتحميل البيانات من ملف XML. واستخدامها في طريقة ResultBundle.

فيما يلي وصف لفئة التحكم وتنفيذ طريقة ExperenceBundle:

استيراد Java.io. *؛
استيراد Java.net. *؛
استيراد java.util. *؛

الطبقة العامة XMLRESOURCEBUNDLECONTROL تمتد ResultBundle.control (
static Stratic Strack XML \u003d "XML"؛

قائمة عامة GetFormats (سلسلة Basename) (
عودة مجموعات. SingletonList (XML)؛
}

ResultBundle العامة NewBundle ( سلسلة Basename، لغة الإعداد،
شكل سلسلة، محمل Classloader،تحديث رومنان)
رمي غير منطقيكيسكسس، InstantIactException، IoException{
إذا ((Basename \u003d\u003d NULL) || (Locale \u003d\u003d NULL) || (تنسيق \u003d\u003d NULL)
|| (تحميل \u003d\u003d null)) (
رمي nullpointerexception جديد ()؛
}
bundle buildbundle \u003d null؛
إذا (التنسيق. المساكن (XML)) (
سلسلة Bondlename \u003d TobundLename(اسم الباشئة، لغة) ;
سلسلة Resourcename \u003d Toresourcename(Bondlename، التنسيق) ;
عنوان URL URL. \u003d loader.getResource.(resourcename)؛
إذا (URL! \u003d NULL) (
اتصال UrlConnection \u003d URL.openconnection() ;
إذا (اتصال! \u003d null) (
إذا (إعادة التحميل) (
اتصال .SetuSecaches (خطأ)؛
}
Inputstream Stream \u003d Connection.getInputStream() ;
إذا (تيار! \u003d null) (
BufferedInputstream BIS \u003d جديد BufferedInputstream (
مجرى)؛
حزمة \u003d xmlresourceBundle جديد (BIS)؛
bis.close ()؛
}
}
}
}
حزمة العودة.
}

فئة ثابتة خاصة XMLResourceBundle يمتد ResultBundle (
الدعائم الخصائص الخاصة

XmlresourceBundle (دفق Inputstream) يلقي IoException (
الدعائم \u003d خصائص جديدة ()؛
props.loadfromxml (تيار)؛
}

مقبض كائن محمي (مفتاح السلسلة) (
عودة الدعقة. greetproperty (مفتاح)؛
}

التعداد العام Getkeys () (
تعيين المقود \u003d الدعامة. StringPropertyNames() ;
مجموعات العودة.نمع (المقود)؛
}
}

الفراغ الساكنة العامة الرئيسية (سلسلة args) (
("Test2"،
جديد XMLRESOURCEBUNDLECONTROL ()) ;
سلسلة سلسلة \u003d bundle.getstring("مساعدة")؛
system.out.println ("Helpkey:" + سلسلة)؛
}
}

يتضمن هذا التنفيذ برنامج اختبار ثلاثة أسطر:

ResultBundle Bundle \u003d ResultBundle.getBundle("Test2"، XMLRESOURCEBUNDLECONTROLTROL ()) ;
سلسلة سلسلة \u003d bundle.getstring("مساعدة")؛
system.out.println ("Helpkey:" + سلسلة)؛

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

ما يلي هو مثال على ملف XML Test2.xml:

http://java.sun.com/dtd/properties.dd." > نعم. يلغي مساعدة. نعم لا.

سيكون نتيجة برنامج XMLResourceBundleControl:

\u003e جافا xmlresourcebundlecontrol مساعدة مساعدة

لا يستخدم التنفيذ المقدم من أساليب GetTimetolive () وحضور التحميل ():

gettimetolive الطويل العام ( سلسلة Basename، لغة الإعداد)

حكومة المنطقية العامة ( سلسلة Basename.
لغة المحلية
تنسيق السلسلة،
Loader Classloader،
حزمة ResultBundle،
وقت التحميل الطويل)

تقوم طريقة GetTimetolive () بإرجاع العمر لمجموعات الموارد التي تم إنشاؤها باستخدام ResultBundle.control. يتم حفظ مجموعات الموارد في ذاكرة التخزين المؤقت لفقدان عملية إعادة التحميل. وبالتالي، عند إعادة تحميل المجموعة، سيكون في ذاكرة التخزين المؤقت. يتم إخفاء القيمة الإيجابية للعمر في MiliSeconds مدة حفظ مجموعة في ذاكرة التخزين المؤقت دون إعادة التحقق. بشكل افتراضي، تكون القيمة التي تم إرجاعها بواسطة طريقة GetTimetolive () هي ttl_no_expiration_Control، والتي تقوم بإيقاف تشغيل وقت التخزين في ذاكرة التخزين المؤقت. إذا كنت لا ترغب في التخزين المؤقت للمجموعة، ثم إرجاع قيمة TTL_DONT_CACHE. إذا كانت القيمة 0، يتم تخزين المجموعة مؤقتا، ولكن في كل مرة تستدعي طريقة GetBundle، يتم فحصها. لتنظيف ذاكرة التخزين المؤقت، اتصل بفئة ClearCache () ثابتة من فئة SpoiceBundle. لديها حجة غير إلزامية من الدروس التي تسمح لك بتنظيف keachy الذي تم إنشاؤه بواسطة محمل معين.

يحدد طريقة TOYSRELOAD () الحاجة إلى إعادة تشغيل المجموعة المخزنة مؤقتا. القيمة الحقيقية تعني إعادة تشغيل المجموعة، و False غير ضروري لإعادة تشغيله. يمكنك التحكم في الحاجة إلى إعادة تشغيل المورد المحدد عن طريق التحميل الزائد طريقة LocateReload (). على سبيل المثال، إذا كنت ترغب في إعادة تشغيل مجموعة الموارد دائما، يجب أن تقوم طريقة LowsReload () بإرجاع قيمة TRUE دائما. في هذه الحالة، يجب أن تعيد طريقة GetTimetolive () دائما قيمة 0. وإلا، ستستمر المجموعة لفترة أطول مما يفترض.

لمزيد من المعلومات حول التحسينات المتعلقة بعمليات التدويل في موستانج، يمكنك الاتصال بلوق جون المحيط، مطور برامج الشمس، على العنوان