1

لماذا codePen لا يثبل الشكل للعام لhtml?

سلام الله عليكم ايها المطورين انا اقوم بتطوير الويب على codepen ( لمن لا يعرفها فهي منصة تطوير مجانية بخصاىص html css and js)

و عند كتابتي الشكل العام لصفحة الويب على html تظهر علامة على هناك خطا و الخطا يقول ان فقط معلمات <body> هي التي تكون داخل الhtml و ماذا عن <head> ?

لمن لديه الاجابة يتفضل مشكورا بالمساعدة و شكرا

حياكم الله .

<!DOCTYPE html>
<html>
<head> </head>
<body> </body>
</html>

0
moatef

وعليكم السلام ورحمة الله وبركاته .

إن codepen لا يقوم بقراءة الصفحة كاملة كما في ال html الطبيعي بل هو فقط يريد منك إدخال العناصر التي سيتم وضعها في الbody فقط.

حيث إذا قمت بالضغط على learn more في الخطأ الذى يظهر لك سيقوم بتحويلك إلى الصفحة التي يخبرك أنه عندما تقوم بكتابة الكود الخاص بك في codepen فهو يأخذه ويقوم بوضعه في القالب الخاص به وهذا هو القالب:

<!DOCTYPE html>
<html lang="en" {IF CLASSES}class="classes"{/IF}>

<head>

  <meta charset="UTF-8">

  {IF PRIVATE}
  <meta name="robots" content="noindex">
  {ELSE}
  <!-- MIT License -->
  {/IF}

  <title>{TITLE}</title>

  {STUFF FOR <HEAD>}

  <link rel="stylesheet" href="{CSS RESET CHOICE}">
  {EXTERNAL CSS}
  <style>
  {EDITOR CSS}
  </style>

  {PREFIX FREE (if enabled)}
  {MODERNIZR (if enabled)}

</head>

<body>

  {EDITOR HTML}

  {JS Library (if chosen)}
  {EXTERNAL JS}

  <script>
    {EDITOR JS}
    //# sourceURL=pen.js
  </script>

</body>

</html>

لاحظ في القالب الخاص به يأخذ ما قمت بكتابته في جزء ال html ويقوم بوضعه بداخل ال body مكان {EDITOR HTML} وما تقوم بكتابته في css بداخل ال head مكان {EDITOR CSS} والجافاسكريبت مكان {EDITOR JS} بداخل ال body .

لهذا حينما تقوم بكتابة الكود الذى أرفقته فهو يقوم بوضعه كاملا بداخل ال body وإذا قمت بعمل inspect للصفحة ستجد أنه وضع <html> بداخل ال body وال head أيضا . لهذا يظهر لك هذا التحذير أنه لا يجب عليك كتابة <html> أو <body> أو <head> فقط قم بكتابة العناصر مباشرة التي تريد وضعها بداخل ال body

0
RiadJ

ماشاء الله اخي عاطف هلى الشرح مشكور اخي في الله حزيل الشكر حياك الله