القواعد الأساسية للغة HTML. بناء جملة PHP HTML
اقرأ أيضا
لنبدأ بتعلم اللغة. نص HTML هو "نص عادي". يتم تحديد كافة ميزات النص التشعبي للمستند باستخدام العلامات - الملاحظات الخاصة المضمنة في هذا النص.
ليكن هناك نص:
دعونا نكتب هذا النص بشكل مختلف، مع إدراج تعليمات حول كيفية عرض النص. نسلط الضوء على التعليمات بأقواس زاوية.
في HTML، تسمى التعليمات العلامات. يقوم المتصفح بتنفيذ تعليمات العلامة، أي أنه يقوم بإجراء تغييرات على النص دون إظهارها. ولذلك سنرى ما يلي على الشاشة:
"كانت أمي تغسل الإطار، وكانت القطة تلعب بالكرة. أخذ الصبي الكرة من القطة.
العلامة - الأمر بين قوسين زاوية. اسم العلامة هو أول ما يكتب بعد قوس زاوية الفتح، بدون مسافات قبله! هناك علامات مفردة وعلامات حاوية. علامات واحدة– تنفيذ بعض الأوامر للمتصفح في المكان المحدد فيه، على سبيل المثال، أمر “رسم خط”:
تتكون علامات الحاوية من علامة فتح وعلامة إغلاق، وتشير دلالتها إلى كل النص الموجود بينهما، فيقال: "متداخل في الحاوية". تحمل علامة الإغلاق نفس اسم علامة الفتح، ولكن الاسم يسبقه حرف مائل: "/":
غسلت أمي الإطار.
.يمكن أن تحتوي العلامة على سمات. السمة تكمل وتشرح العلامة. ترتيب السمات ليس مهما. على سبيل المثال، تحتوي علامة HR على السمة WIDTH، التي تشير إلى عرض الخط، وSIZE، وسمك الخط، وALIGN، والموقع (المحاذاة)، وCOLOR، واللون. تحدد قيم السمات خاصية معينة. قاعدة بناء الجملة هي كما يلي: يمكن أن يتبع اسم العلامة مسافة واحدة على الأقل، ثم، مفصولة بمسافات، يمكن أن تتبع الثلاثيات: السمة، الرمز "="، القيمة. يوصى بإدراج القيمة بين علامات الاقتباس، على الرغم من أن معيار HTML يسمح بعدم تضمين القيم التي تتكون من أحرف وأرقام لاتينية فقط بين علامات الاقتباس.
ستبدو الصورة على الشاشة بهذا الشكل.
_____________________________________
يسمح لك المعيار بحذف علامة الإغلاق إذا كانت ضمنية. على سبيل المثال، العلامة
تحتوي على فقرة ختامية، ولكن يمكن حذفها قبل فتح الفقرة التالية. بطاقة شعار
يشير إلى فقرة.
غسلت أمي الإطار.
كانت الابنة تلعب بالكرة.
بعض السمات ليس لها قيم، أو بالأحرى، لها معنى واحد، وبالتالي يكفي الإشارة إلى هذه السمة أو عدم الإشارة إليها في العلامة. على سبيل المثال، تحتوي علامة الإطار على سمة NORESIZE، والتي تشير إلى أنه غير مسموح للمستخدم بتغيير حجم الإطار.
يمكن أن تتداخل العلامات (العناصر) في HTML مع بعضها البعض، على غرار الحلقات أو العبارات الشرطية في لغات البرمجة. يحظر تقاطعات العلامات دون تداخل.
مثال على الإدخال الخاطئ:
مع فقرة متداخلة
مثال على الإدخال الصحيح:
مع فقرة متداخلة
بالإضافة إلى العلامات والنص العادي، قد تحتوي تعليمات HTML البرمجية على ما يسمى بكائنات الأحرف أو تسلسلات الهروب: الكيانات المسماة والمرقمة. وهي ضرورية لتمثيل الأحرف في المستند المحظورة من الناحية النحوية أو المادية، بالإضافة إلى الأحرف التي لا يمكن إدخالها من لوحة المفاتيح. على سبيل المثال،
حالة الأحرف ليست مهمة لأسماء العلامات وأسماء السمات وقيمها. على الرغم من أنه يوصى بالحفاظ على بعض الأسلوب، على سبيل المثال، كتابة أسماء جميع العلامات بأحرف كبيرة، أو بأحرف صغيرة، أو بأحرف صغيرة، ولكن بالحرف الأول الكبير. مثل هذا النص يسهل على الشخص إدراكه.
ملاحظة مهمة جدا! الغرض من المتصفح هو عرض صفحتك للعميل. رد الفعل المعتاد للمتصفح على أي خطأ هو محاولة تصحيح الخطأ، وإذا فشل ذلك، فتخطى الكلمات أو العلامات التي لا يفهمها. هذا جيد ومتعب. نظرًا لأنه من ناحية، ونتيجة لذلك، سيحاول المتصفح إظهار أكبر قدر ممكن من النص للمستخدم، ولكن من ناحية أخرى، قد يتضمن هذا النص جزءًا به علامات ونصوص برمجية، أو قد لا يكون النص الفعلي يتم تضمينه إذا كان المتصفح ينظر إليه، على سبيل المثال، كتعليق. بالنسبة لمطور موقع الويب، يعد سلوك المتصفح هذا مزعجًا للغاية. كن مستعدًا لحقيقة أنه في البداية سيقوم المتصفح بتصحيح أخطائك بجد، ولكن بعد فترة من الوقت سوف يصبح مرتبكًا وستتوقف الأجزاء التي كانت تعمل سابقًا عن العمل معك. لذلك النصيحة: لا ترتكب الأخطاء، بل استخدم المحررين الحديثين الذين يعرفون قواعد HTML ويشيرون لك إلى الأخطاء.
آخر تحديث: 18/11/2019
عند إنشاء مستند HTML5، يمكننا استخدام نمطين مختلفين: HTML وXML.
يفترض نمط HTML النقاط التالية:
قد لا تحتوي العناصر على علامات فتح
قد لا تحتوي العناصر على علامات إغلاق نهائية
يمكن إغلاق العناصر الفارغة فقط (مثل br , img , link) بشرطة مائلة />
لا يهم حالة أسماء العلامات والسمات
ليس عليك تضمين قيم السمات بين علامتي اقتباس
قد لا تحتوي بعض السمات على قيم (محددة ومعطلة)
لا يتم الهروب من الأحرف الخاصة
يجب أن يحتوي المستند على عنصر DOCTYPE
هذا هو ما يسمى بالأسلوب "المسموح"، الذي يعتمد على التنازلات عند إنشاء مستند.
يمكن أيضًا وصف مستند HTML5 باستخدام بناء جملة XML. يُسمى هذا النمط أيضًا "XHTML". يتم استخدامه إذا كان رأس نوع المحتوى هو application/xml+xhtml . القواعد التالية نموذجية لهذا النمط:
يجب أن يكون لكل عنصر علامة فتح البداية
العناصر غير الفارغة التي تحتوي على علامة فتح البداية يجب أن تحتوي أيضًا على علامة إغلاق نهائية
يمكن إغلاق أي عنصر بشرطة مائلة />
تكون أسماء العلامات والسمات حساسة لحالة الأحرف وتكون عادةً بأحرف صغيرة
يجب أن تكون قيم السمات محاطة بعلامات اقتباس
لا يُسمح بالسمات التي لا تحتوي على قيم (checked="checked" بدلاً من تحديدها فقط)
يجب الهروب من الأحرف الخاصة
دعونا نقارن بين نهجين. نهج HTML5:
محتويات مستند HTML5
ومثال مشابه باستخدام نهج XHTML:
محتويات مستند HTML5
عند استخدام بناء جملة XHTML، نحتاج أيضًا إلى تحديد مساحة الاسم للمستند المحدد:
يعتمد اختيار نمط معين عند كتابة مستندات HTML على تفضيلات المبرمج أو مصمم الويب. غالبًا ما يتم استخدام النمط المختلط، والذي يستعير القواعد من النمطين الأول والثاني.
في الوقت نفسه، يجب أن يؤخذ في الاعتبار أن وجود علامات الإغلاق والفتح على عنصر ما يقلل من احتمالية تفسير العنصر بشكل غير صحيح بواسطة المتصفح.
كما أن تضمين قيم السمات بين علامتي اقتباس سيساعد في تجنب الأخطاء المحتملة. وبالتالي، يمكن أن تأخذ سمة الفئة عدة قيم على التوالي. على سبيل المثال:
إذا ظهرت الصعوبات، فما مدى صحة الخلق ترميز أتش تي أم أل، ثم يمكن التحقق منه باستخدام أداة التحقق من الصحة على https://validator.w3.org:
يمكننا لصق رمز صفحة الويب في حقل النص، وبعد النقر على زر "التحقق" في الأسفل، سيقوم المدقق إما بعرض الأخطاء باللون الأحمر أو إعلامنا باللون الأخضر بعدم وجود أخطاء وتم التحقق من صحة الرمز.
الكسندر كيتشاتوف
كيف تعمل البرامج النصية PHP
من المؤكد أنك على دراية بمبدأ تشغيل السيارات التي يتم التحكم فيها عن طريق الراديو. تضغط للأمام - تتحرك السيارة، تضغط إلى اليسار - تغير السيارة اتجاه العجلات.
يعمل PHP بنفس الطريقة تمامًا. تكتب الأوامر واحدًا تلو الآخر، وتقوم PHP بتنفيذها بالتسلسل.
ما هو البرنامج النصي PHP
برنامج PHP النصي هو ملف نصي عادي بامتداد .php. بالضبط نفس html و css.
ولكن هناك فرق واحد مهم:
يتم تشغيل البرامج النصية فقط من خلال طلبات http في المتصفح. وهذا يعني أنه لتشغيل البرنامج النصي script.php، تحتاج إلى كتابة site.ru/script.php في شريط عنوان المتصفح
إذا لم يعمل البرنامج النصي، فتحقق من عنوان URL الحالي. إذا كان هناك شيء من هذا القبيل الملف:///D:/openserver/domains/site.ru/script.php- هذا يعني أنك لا تحاول الذهاب إلى صفحة الموقع، بل تحاول فتح ملف PHP نفسه في المتصفح. فإنه ليس من حق.
غالبًا ما يتم تكوين خوادم الويب بحيث يمكنك الوصول إليها عند الوصول إليها الصفحة الرئيسية(على سبيل المثال site.ru) يتم تشغيل ملف Index.php أو Index.html الموجود في جذر الموقع تلقائيًا.
قم بإنشاء ملف يسمى Index.php في المجلد الجذر للموقع وافتحه في محرر النصوص الخاص بك. إذا كان هناك ملف Index.html، فيجب حذفه.
إذا لم يكن لديك بعد محرر النص- أوصي باستخدام برنامج Notepad++ خفيف الوزن والمجاني، فهو أكثر ملاءمة بكثير من برنامج Notepad المدمج في Windows.
تأكد من اتباع ترميز البرامج النصية. يجب أن يكون الترميز أيضًا UTF-8 بدون BOM(إذا كان متوفرًا في محررك)، أو ببساطة ترميز UTF-8.
طباعة الأرقام والسلاسل في PHP
تتم كتابة أوامر PHP بين العلامات، على سبيل المثال:
أمر الصدى مسؤول عن عرض المعلومات على الشاشة. بعد عامل التشغيل، تتم الإشارة إلى القيمة المراد إخراجها.
لعرض النص، يجب عليك تحديده بين علامات اقتباس مفردة أو مزدوجة:
يتم فصل الأوامر في PHP بفواصل منقوطة. لسهولة القراءة، عادة ما تتم كتابة كل أمر باستخدام خط جديد:
النتيجة في المتصفح:
هذا هو كود PHP.
إخراج كود HTML في PHP
يمكن خلط كود HTML مع أوامر PHP:
يمكنك أيضًا إدراج كود HTML في سلسلة PHP:
نابليون"؛ ?>
النتيجة في المتصفح:
الفيل نابليون
يمكننا الجمع بين كود PHP وعلامات HTML بأي طريقة نريدها:
خط 2" ?>
وظائف في PHP
الوظيفة هي أمر ينفذ بعض الإجراءات، مثل العمليات الحسابية وإدارة الملفات وما إلى ذلك.
من السهل تحديد دالة، حيث يوجد بعد اسمها بين قوسين مستديرة:
تعرض الدالة phpinfo() معلومات حول إعدادات PHP الحالية.
تتوقع بعض الوظائف أن يتم تمرير بعض القيمة إليها. على سبيل المثال، تتوقع دالة التقريب ceil() رقمًا يتم تقريبه:
تستقبل الدالة ceil() القيمة 91.5 التي مررناها، وتقوم بمعالجتها (تقريبها إلى 92) وإرجاع النتيجة. ويستقبل أمر الصدى القيمة التي ترجعها الوظيفة ويعرضها على الشاشة. ستكون نتيجة هذا البرنامج النصي 92.
ضرورة علامة الإغلاق في PHP
إذا لم يكن هناك HTML أو أي مخرجات أخرى على الشاشة بعد أوامر PHP، فيمكننا حذف علامة الإغلاق ?>:
تقصير بناء جملة علامة الافتتاح في PHP
بدلاً من
وبالإضافة إلى ذلك، يمكننا استبدال العلامة
باستخدام علامة
هذا لا ينطبق على العلامة
يشير إلى معيار HTML الذي تمت كتابة صفحة الويب الخاصة بك وفقًا له.
| نوع الوثيقة | وصف |
|---|---|
| HTML5 | |
| لجميع الوثائق. | |
| أتش تي أم أل 4.01 | |
| "http://www.w3.org/TR/html4/strict.dtd"> | بناء جملة HTML صارم. |
| بناء جملة HTML الانتقالي. | |
| يستخدم مستند HTML الإطارات. | |
| أتش تي أم أل 1.0 | |
| بناء جملة XHTML صارم. | |
| بناء جملة XHTML الانتقالي. | |
| الوثيقة مكتوبة بلغة XHTML وتحتوي على إطارات. | |
| يضيف ملف XHTML للجوال عناصر محددة للهواتف المحمولة. | |
| أتش تي أم أل 1.1 | |
| "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | هذا التعريف لا ينقسم إلى أنواع؛ بناء الجملة هو نفسه ويخضع لقواعد واضحة. |
لذلك، هناك العديد من أنواع المستندات (صارمة وانتقالية، لـ HTML وXHTML). ما هو المعيار الذي يجب اختياره هو السؤال.
معايير HTML وXHTML
HTML هي لغة ترميزية قياسية لمستندات الويب.
في HTML 4.01 وHTML5، يتم فصل مظهر الصفحة عن محتواها. يتم تحديد المحتوى والبنية (العناوين والفقرات والروابط) بتنسيق HTML. يتم تحديد التصميم (المحاذاة، الخطوط، الألوان) بواسطة أنماط CSS.
على سبيل المثال، العلامة وتم إهمال سمة المحاذاة.
XHTML هي لغة ترميز مستند ويب قابلة للتوسيع تعتمد على XML. معيار XHTML عبارة عن قائمة بالاختلافات بين HTML 4.01 وXHTML.
مزايا لغة XHTML ليست في صرامة بناء الجملة، ولكن في القدرة على التوصل إلى العلامات الخاصة بك.
ومع ذلك، في 2 يوليو 2009، أعلن اتحاد شبكة الويب العالمية (W3C) عن إنهاء العمل على XHTML 2.0، معتبرا أن مفهوم XHTML غير صحيح. تحولت مجموعة من المبرمجين إلى العمل على معيار HTML5. وعلى الرغم من أن معيار HTML5 لم تتم الموافقة عليه بعد، فقد تم بالفعل كتابة العديد من المواقع عليه.
يمكن لأي شخص يتساءل متى سيتم الانتهاء من HTML5 مراجعة المصادر الأصلية:
توجد النسخة الرسمية لمعيار HTML5 على: www.w3.org/TR/html5/
دعونا نجعل الاختيار. ليس من الصعب القيام بذلك: لا يجب عليك استخدام معيار XHTML إذا كنت لا تنوي توسيع لغة HTML.
لن نتوقف عند!DOCTYPE، المخصص للمستندات التي تستخدم الإطارات: أول من أمس.
السؤال التالي هو: ما هو بناء الجملة الذي يجب اختياره - صارم أم متعدٍ؟
بناء جملة HTML 4.01 صارم وانتقالي
توجد صيغ الانتقال لتسهيل الانتقال إلى معيار جديد. سوف يتخطون الكثير مما يعتبره بناء الجملة الصارم أخطاء.
من الأسهل فهم ما هو موجود هنا بمثال. أولاً، دعونا نضع بناء الجملة الصارم.
بناء جملة صارم
فحص الصلاحية
أحمرلون.
يسمى الامتثال لكود HTML بالمعيار المعلن صلاحية، والتحقق من هذه المراسلات هو تصديق.
لتتبع أخطاء التخطيط، قم بتثبيت الوظيفة الإضافية FireFox Html Validator.
لنفتح صفحتنا على متصفح فايرفوكس، حرك الماوس فوق علامة التحقق من الصحة:
سيؤدي النقر المزدوج على علامة المدقق إلى تقديم قائمة مفصلة بالأخطاء:
دعونا نغير!DOCTYPE إلى بناء الجملة الانتقالي:
بناء الجملة الانتقالي
فحص الصلاحية
يجب تسليط الضوء على جزء من النص أحمرلون.