مقالة مقدمة من wulin.com (www.vevb.com): أتذكر تجربة مروعة. تم تداخل الصفحة مع عشرات أو العشرات من divs. لقد جعلني أشعر بالدوار عندما قرأته ... يمكن لبعضهم استخدام علامات span ، علامات p ، و divs. أولئك الذين يمكنهم استخدام H1 و HX يستخدمون أيضًا علامات DIV. إنه عاجز حقًا ... في هذا الوقت ، آمل أن يكون لدى المطور بعض المفاهيم والإجراءات الخاصة بـ "العلامات الدلالية".
أرى بعض متطلبات التوظيف على دراية بكلمة دلالات الويب وفهم/على دراية بمعايير الويب. تعتبر Tag Dyantics جزءًا من معايير الويب ، لذلك قمت بتعديل منشور اعتدت أن نشرته في حديقة المدونة ثم نشرته ... آمل أن يتمكن المبتدئون من معرفة أن هناك شيئًا.
أتذكر تجربة مرعبة. تم تداخل الصفحة مع عشرات أو العشرات من divs. لقد جعلني أشعر بالدوار عندما شاهدته ... يمكن لبعضهم استخدام علامات span وعلامات p و divs. أولئك الذين يمكنهم استخدام H1 و HX يستخدمون أيضًا علامات DIV. إنه عاجز حقًا ... في هذا الوقت ، آمل أن يكون لدى المطور بعض المفاهيم والإجراءات للعلامات الدلالية ...
1: (نظرية) ما هي الملصق الدلالي؟
العلامات الدلالية هي محاولة استخدام علامات HTML مع الهياكل المقابلة قدر الإمكان. خذ الجدول كمثال:
<griding>
<tr>
<td> عناصر المستهلك </td>
<td> كمية الاستهلاك </td>
</r>
<tr>
<td> أكل </td>
<td> 20 يوان </td>
</r>
</table>
هل رأيت ما هو الخطأ في الجدول أعلاه؟ Hehe ، ثم انظر إلى هذه العلامة الدلالية
<griding>
<aption> انفق مسك الدفاتر </caption>
<head>
<tr>
<th> عناصر المستهلك </th>
<h> كمية الاستهلاك </th>
</r>
</head>
<tbody>
<td> أكل </td>
<td> 20 يوان </td>
</tbody>
</table>
علامات هاتين القطعتين من الكود مختلفة. لا شك أن رموز العلامات الموجودة في الجدول الثاني تتماشى مع معايير الويب.
<Sption>: عنوان الجدول ؛
<head>: رأس جدول ؛
<h>: رأس العمود لعمود معين من الجدول.
لنتحدث عما اعتدنا عليه
<title> مقدمة إلى Plog Park </title> <Body> Blog Park هي حديقة تكنولوجيا تطوير البرمجيات. تأسست في عام 2004 ، هنا ... </body>
انظر ، لماذا نعرف أين يوجد العنوان عندما نقرأ مقالًا؟ في الجزء العلوي من المتصفح. ثم لماذا يمكن لمحركات البحث الزحف؟ إنه يعلم أن عنوان العلامة الدلالية <title> هو المقال. إذا لم نلتزم بهذا ، بدلاً من ذلك:
<span> مقدمة إلى Blog Park </span> <span> Blog Park هي حديقة تكنولوجيا تطوير البرمجيات. تأسست في عام 2004 ، هنا ... <span>
فكيف تعرف محركات البحث من هو العنوان ومن هو المحتوى؟ كيف تعتمد على الحصول على اللقب؟ في الواقع ، لا يمكن أن تكون الدلالات الدلالية فقط ، ولكن أيضًا تمديدها إلى دلالات هيكلية. على سبيل المثال:
#LEFT {Float: Left ؛ Margging-Left: 50px ؛}
#right {float: right ؛ hargin-top: 100px ؛}
<div id = left> content .. </viv>
<div id = right> content .. </viv>
في هذا المثال ، فإن تسمية المعرف مبالغ فيها بعض الشيء ، ولكن المواقف المماثلة تجعل بعضها. عندما نريد وضع #Left Div على الجانب الأيمن من الصفحة وتغيير الموضع مع #Right ، هل يمكنك تغيير النمط إلى هذا؟
#LEFT {float: right ؛ margin-left: 50px ؛}
#Right {Float: Left ؛ Margin-Top: 100px ؛}
سيكون من المحرج أن تبدو هكذا ، وسيكون الأمر مضللاً تخطيط هذين divs.
يجب أن تكتب مثل هذا.
<div id = main> content .. </viv>
<div id = conterpar> محتوى .. </div>
وبهذه الطريقة ، من الواضح في لمحة ما هي المحتويات الموجودة في هذه divs وهي مريحة لتعديل الأنماط.
2: (النظرية) ماذا عن الملصقات الدلالية؟
1. بنية أفضل ، أكثر مواتية لزحف محرك البحث (تحسين تحسين محركات البحث) وصيانة المطورين (صيانة أعلى بسبب بنية واضحة وسهلة القراءة).
2. إنه أكثر ملاءمة لقراءة المحطات الخاصة (الهواتف المحمولة ، المساعدين الشخصيين ، إلخ).
3: (العمل) ماذا تفعل مع الملصقات الدلالية؟
حاول استخدام المعاني الهيكلية ، ودلالات أقل ، مثل <span> ، <div> بلا معنى ، ولا يمكنك معرفة ما هو عليه ، لكن لا يمكنك رؤية ما هو عليه في لمحة. يمكنك معرفة أن علامة EM هي المحتوى الذي يتم التأكيد عليه وتمييزه عن محتويات مختلفة.
لذا ، كيف تحدد ما إذا كانت صفحتك تتوافق مع أحد معايير الويب: العلامات الدلالية؟ يمكنك إزالة نمط صفحتك مؤقتًا ومعرفة مدى قابلية القراءة. إذا شعرت أن صفحتك فوضوي للغاية في هذا الوقت ، فهذا يعني أن الملصق الدلالي للصفحة ليس جيدًا جدًا. إذا كانت صفحتك لا تزال غير فوضوية بعد إزالة النمط ، فهذا يعني أن بنية صفحتك واضحة وأن الملصق الدلالي أفضل.
هذا مجرد رأيي. آمل أن يعبر الأشخاص الذين قرأوها أيضًا عن أفكارهم حتى يتمكن الجميع من معرفة أفكارك وتحسين هذه المقالة.