Html
|
أحدث شعار رسمي، HTML5.
| |
| امتداد اسم الملف |
|
|---|---|
| نوع وسائط الإنترنت | text/html |
| كود النوع | TEXT |
| طوره | W3C & WHATWG |
| أول إصدار | 1993 |
| أحدث إصدار |
5.2 / 5.3 (working draft) (14 ديسمبر 2017 |
| نوع الصيغة | Document file format |
| Extended from | SGML |
| Extended to | XHTML |
| Standards |
|
| Open format? | Yes |
| المسقط الإلكتروني |
|
| إتش.تي.إم.إل HTML |
|---|
|
لغة تأشير النص الفائق أولغة رقْم النص الفائق بالإنگليزية: HyperText Markup Language أولغة النصوص التشعبية اختصاراً إتش.تي.إم.إل HTML: لغة برمجة وتستخدم في تصميم صفحات الويب ومواقع إنترنت، وتعتبر هذه اللغة من أقدم اللغات وأوسعها إستخداماً في تصميم صفحات الويب. ولغة HTML ليست لغة برمجة، بل هي لغة للوصف وتعطي برنامج تصفح الانترنت وصفاً ليكفية عرضه للمحتويات، فهي تصف له أبعاد الصور وتنسيقات الخطوط وغيرها. وتستخدم لغة ال HTML مايعهد بالوسوم tags لإصدار التعليمات إلى المتصفح، هذه الوسوم توضع بين علامتى أكبر من > وأصغر من <. وتبدأ أكواد HTML بالوسم <HTML>، وتنتهى بالوسم <HTML/>. يقوم متصفح ويب بتحويل السطور البرمجية بلغة HTML إلى صفحات مفهومة وسهلة القراءة لزائري المواقع.
عهدت لعدم حساسيتها لحالة الأحرف أولترتيب بعض الخصائص؛لكلّ عنصر HTML خصائص تتحكّم في كيفيّة ظهوره. وذلك لكي تكون عمليّة تصميم المواقع عمليّة سهلة ولينة وبدون أي تعقيدات.HTML من اللّغات المدعومة بمعايير قياسيّة محددّه يفضّل الالتزام بها من قبل الوسوم.
لغة الـ HTML هي اللغة التي تستخدم في عملية تصميم المواقع، حيث حتى هذه اللغة تتميز بعدم حساسيتها لحالة الأحرف أولترتيب بعض الخصائص، وهذا ما تتطلبه عملياً عملية تصميم مواقع الويب، وذلك لكي تكون عملية تصميم المواقع عملية سهلة وليِّنَة وبدون أي تعقيدات .لغة HTML تعتبر أيضاً من اللغات المدعومة بمعايير قياسية محدده يفضل الالتزام به. الالتزام بمعايير الـ HTML أثناء تصميم المواقع يمنح الصفحة قابلية أكثر للعرض والإستخدام على أنواع وإصدارات مختلفة من المتصفحات. من ناحية أخرى فإن HTML مركبة بشكل نحوي يدعى DOM، عملية تصميم المواقع مع DOM تجعل صفحة المسقط تظهر وكأنها شجرة من وسم (Tags) التي تدل على تصميم المسقط. تعتبر اللغة غير ديناميكية في حالة المواقع الكبيرة لذا فإن كثيراً من المواقع تضطر إلى إدخالها ضمن لغة دينامكية مثل php.
التاريخ
النشأة
في عام 1980، قام الفيزيائي Tim Berners-Lee والذي كان عاملا في المؤسسة الأوروبية للأبحاث النويية سيرن باقتراح واعداد نموذج بدئي لنظام يمكن باحثي سيرن من استخدام ومشاركة المستندات. وفي عام 1989 قام بكتابة مذكرة يقترح فيها نظام نص فائق hypertext مبني على الإنترنت، وقام بوصف لغة HTML وبكتابة برامج المزود والمتصفح في أواخر عام 1990.
كان أول وصف للجمهور من الاتش تي ام ال وثيقة تسمى علامات الاتش تي ام ال ذكر لأول مرة على شبكة الانترنيت عن طريق بيرنرز لي في أواخر عام 1991. فهويصف 18 من العناصر الأولى التي تتألف منها، نسبيا التصميم سهل في الاتش تي ام ال بإستثناء علامة الارتباط التشعبي، هذه تأثرت بقوة في (الاس جي ام ال كويد) ,اسست ال (الاس جي ام ال) على شكل وثائق في منزل سيرن. أحد عشر من هذه العناصر لا تزال موجودة في الاتش تي ام ال.
لغة ترميز النص التشعبي هي لغة العلامات التي تستخدم متصفحات الويب لتفسير وتأليف النص والصور وغيرها من المواد في صفحات الويب المرئية أوالمسموعة. يتم تعريف وترميز الخصائص الافتراضية لكل بند من الاتش تي ام ال في المتصفح ,وهذه الخصائص يمكن تغيرها اوتحسينها بواسطة استخدام مصمم صفحة ويب اضافية من الاسي اس اس. تم العثور على الكثير من عناصر النص في عام 1988 (اي اس او) تقرير التقنية (تي ار 9537) تقنيات لاستخدام (الاس جي ام ال) الذي يغطي بدوره ملامح اللغات تنسيق النص في وقت مبكر مثل تلك المستخدمة من قبل الأمر الجريان السطحي وضعت في 1960s في وقت مبكر ل CTSS (التوقيت متوافق نظام تقاسم) نظام التشغيل: وقد استمدت هذه الأوامر التنسيق من الأوامر المستخدمة من قبل عمال التجميع على تنسيق المستندات يدويا. ومع ذلك، يستند مفهوم SGML من معمم العلامات على عناصر (نطاقات متداخلة مع سمات المشروح) بدلا من مجرد آثار الطباعة، مع أيضا الفصل بين هيكل والعلامات، وقد تم HTML انتقلت تدريجيا في هذا الاتجاه مع CSS. بيرنرز لي يعتبر تطبيق HTML من SGML تم تعريفه رسميا على هذا النحومن قبل فريق عمل هندسة الإنترنت (IETF ) مع منتصف عام 1993 نشر أول اقتراح ل مواصفات HTML: " لغة توصيف النص التشعبي (HTML " إنترنت مشروع من قبل بيرنرز لي ودان كونولي، الذي تضمنت نوع الوثيقة SGML تعريف لتعريف النحوي.
تطور اللغة
أشهر التعليمات
أساسيات
تفهميات أساسية
-
بالتعليمة:CSS3 وHTML5نبدأ
<DOCTYPE html!>
هذه التفهمية تستخدم للتعهد على حتى الملف بصيغة 5HTML.
- نعهد حتى اللغة هي HTML بالوسم التالي الذي نغلقه بـ /
<html> فتح وسم البداية </html> إغلاق وسم النهاية
الرأس والجسد
وكما حتى للإنسان رأس وجسد أيضاً لصفحة الويب رأس وجسد وأيضاً هي من الوسوم التي تفتح وتغلق :
<head> فتح وسم البداية <head/> إغلاق وسم النهاية
<body> فتح
<body/> إغلاق
فقرة
لإضافة فقرة نستخدم الوسم الذي هومن الوسوم التي تفتح وتغلق (من دون فواصل ):
إضافة النص الذي نريده
الترويسات
الترويسات تستخدم غالباً للعناوين، فيما يلي طريقة كتابة الترويسات من الأكبر إلى الأصغر تبعًا لحجم الخطّ(1 هوأكبر خطّ):
</h1>ترويسة 1<h1> </h2>ترويسة 2<h2> </h3>ترويسة 3<h3> </h4>ترويسة 4<h4> </h5>ترويسة 5<h5> </h6>ترويسة 6<h6>
مثال عن الترويسة h2:
ترويسة 2
الصورة
هذه من الوسوم التلقائية الإغلاق (لاحظ إغلاقها) أما الـ src لوضع الرابط لمكان تواجد الصورة كالتالي:
</img src="image.png" alt="وصف لصورتي">
الربط التشعبي
<a href="https://www.google.com" title="google">اضغط هنا تمضى إلى جوجل</a>
القوائم غير المتسلسلة
<ul>
<li>flower</li>
<li>الله أكبر</li>
<li>محمّد صلّى اللّه عليه وسلّم</li>
</ul>
القوائم المتسلسلة
<ol>
<li>flower</li>
<li>زهرة</li>
<li>محمّد صلّى اللّه عليه وسلّم</li>
</ol>
التعليقات
<!-- المتصفّح سيتجاهل كلّ هذا
وهذا
-->
التقسيم والتوزيع
وسم البداية
<div>
وسم النهاية
</div>
نمط العناصر
<style color="red" font-family="serief">
محمّد صلّى اللّه عليه وسلّم
</style>
الجداول
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
محرري WYSIWYG
هناك بعض محرري معالج النصوص.
المحرر يعرض المستند بدلاً من إظهار الرموز لذلك المؤلفون لا يحتاجون حتى يمتلكوا فهم شاملة لـ HTML .محرري نمط WYSIWYG انتُقِدوا وذلك أساساً بسبب تدني جودة التعليمات البرمجية المنشأة وهناك أصوات دعت إلى تغيير نموذج WYSIWYG .محرري WYSIWYG لا يزال موضوع مثير للجدل لأنه هناك نظر لعيوبهم مثل:
- تعتمد بشكل رئيسي على التصميم بدلاً من المعنى , وغالباً ما تستخدم العلامات التي لا تحمل المعنى المطلوب ولكن ببساطة نسخ تصميم.
- غالباً ما تنتج رموز لا حاجة لها ومطولة للغاية التي تفشل في الاستفادة من الطبيعة المتتالية ل صفحات الطرز المتراصةCss.
- غالباً تنتج علامات غير نحوية التي تسمى العلامات غير سليمة دلالياً مثل <cm> للخط المائل.
وهناك قدر كبير من المعلومات في مستندات HTML غير موجودة في التصميم هذا النموذج تعرض للانتقادات بسبب حتى جميع ما تراه هوما تحصل عليه الطبيعة
انظر أيضاً
- Breadcrumb (navigation)
- Comparison of HTML parsers
- Dynamic web page
- HTML decimal character rendering
- List of document markup languages
- List of XML and HTML character entity references
- Microdata (HTML)
- Microformat
- Polyglot markup
- Semantic HTML
- W3C (X)HTML Validator
المصادر
- ^ https://www.w3.org/html/
- ^ "HTML 5.2". W3C. 2017-12-14. Retrieved 2018-03-02.
- ^ "HTML 5.3 Editor's Draft". W3C. 2017-03-01. Retrieved 2018-03-02.
- ^ HTML DOM Introduction[[تصنيف:منطقات ذات وصلات خارجية مكسورة from خطأ: زمن غير سليم]]<span title=" منذ خطأ: زمن غير سليم" style="white-space: nowrap;">[وصلة مكسورة] Archived 20 October 2013[Date mismatch] at the Wayback Machine.
- ^ Tim Berners-Lee, "Information Management: A Proposal." CERN (March 1989, May 1990). W3.org Archived 26 June 2018[Date mismatch] at the Wayback Machine.
وصلات خارجية
تعريفات قاموسية في ويكاموس
خط من فهم الخط
اقتباسات من فهم الاقتباس
نصوص مصدرية من فهم المصادر
صور وملفات صوتية من كومونز
أخبار من فهم الأخبار.
- Html at the Open Directory Project
- WHATWG's HTML Living Standard
- W3C's HTML specification (latest published version)
- Dave Raggett's Introduction to HTML
- Tim Berners-Lee Gives the Web a New Definition
