الطريقة المفضلة هي فقط عرض 2 الروابط عموديا؟

Question

ما الطريقة المفضلة فقط لإظهار الروابط 2 عموديا، واحدة على آخر؟ في صفحة المحتوى (ليس كملاحة).

هذا (على الرغم من أنني لا أحتاج الرصاص)

<p>
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
   Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
   when an unknown printer took a galley of type and scrambled it to make a 
   type specimen book.
</p>
<ul>
   <li><a href="#">Link 1</a></li>
   <li><a href="#">Link 2</a></li>
</ul>

هذه

<p>
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
   Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
   when an unknown printer took a galley of type and scrambled it to make a 
   type specimen book.
</p>
<p><a href="#">Link 1</a></p>

<p><a href="#">Link 2</a></p>

أو هذا

<p>
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
   Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
   when an unknown printer took a galley of type and scrambled it to make a 
   type specimen book.
</p>
<p> <a href="#">Link 1</a> 
    <br />
   <a href="#">Link 2</a>
</p>

Answer 1

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

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

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

Answer 2

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

Answer 3

دلالة، ولهذه الأسهل التصميم، وأود أن أذهب مع الخيار الأول.

إذا كنت لا تريد نقاط رصاصة، فقط نمط LI بدونهم (list-style-type:none).

Answer 4

أود أن أقول

<ul style="list-style-type: none">
   <li><a href="#">Link 1</a></li>


   <li><a href="#">Link 2</a></li>
</ul>

Answer 5

سأفضل واحدة تحت علامة القائمة، بالنسبة لي أنها شفرة نظافة كبيرة وسهلة الموضع في النموذج.