เราสามารถเพิ่ม <span> ภายในแท็ก H1 ได้ไหม

เป็นวิธีที่เหมาะสมในการใช้แท็กช่วงในแท็ก H1 หรือไม่?

<h1>
    <span class="boardit">Portfolio</span>
</h1>

ฉันรู้ว่าเราสามารถเขียนได้ด้วยวิธีนี้ ... และกำลังทำตามไวยากรณ์ด้านล่างในเว็บไซต์ของฉันเอง ..

<h1 class="boardit">
  <span>Portfolio</span>
</h1>

อย่างไรก็ตามฉันแค่อยากรู้รูปแบบที่สะอาดกว่าของ html ..

ใช่คุณสามารถ.

HTML4 มีสิ่งนี้เพื่อบอกว่า :

<!ENTITY % heading "H1|H2|H3|H4|H5|H6">
<!--
  There are six levels of headings from H1 (the most important)
  to H6 (the least important).
-->

<!ELEMENT (%heading;)  - - (%inline;)* -- heading -->

และ%inline;เป็น:

<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">

และ%special;รวมถึง<span>.

HTMLปัจจุบันมีสิ่งนี้เพื่อบอกว่า :

เนื้อหาเนื้อหาเนื้อหา
วลี

และเนื้อหาสิงห์<span>รวมถึง

ใช่คุณสามารถ. สามารถใช้เพื่อจัดรูปแบบส่วนหนึ่งของบล็อก h1:

<h1>Page <span class="highlight">Title</span></h1>

หากสไตล์ใช้กับบล็อก h1 ทั้งหมดฉันจะทำสิ่งนี้:

<h1 class="highlight">Page Title</h1>

ใช่โดยทั่วไปแล้วการใช้spanภายในh1ไฟล์. spanเป็นองค์ประกอบแบบอินไลน์ดังนั้นโดยทั่วไปแล้วจะใช้ได้กับอะไรก็ได้ (ที่อนุญาตให้มีองค์ประกอบภายใน!)

และในบางครั้งก็ไม่มีวิธีที่สะอาดกว่าจริง ๆ เช่นหากคุณต้องการจัดสไตล์เพียงบางส่วนของไฟล์h1.

ในทางกลับกัน ... อย่าทำถ้าไม่จำเป็นเพราะมันน่าเกลียดไปหน่อย :)

ใช่ไม่เป็นไร แต่ทำไมไม่

   <h1 class="boardit">
      Portfolio
   </h1>

ถ้านั่นคือทั้งหมดที่คุณทำ?

ใช่คุณสามารถ. สแปนจะแสดงแบบอินไลน์ดังนั้นจึงไม่ควรส่งผลต่อสไตล์ของ H1

ใช่เราสามารถใช้แท็กช่วงกับแท็กส่วนหัวได้และไม่มีอะไรผิดปกติ อันที่จริงสิ่งนี้ใช้กันอย่างแพร่หลายสำหรับการจัดรูปแบบแท็กส่วนหัวโดยเฉพาะสำหรับการระบายสีคำหรือตัวอักษรโดยเฉพาะ

ใช่เราสามารถใช้แท็กช่วงกับแท็กส่วนหัวได้และไม่มีอะไรผิดปกติ อันที่จริงสิ่งนี้ใช้กันอย่างแพร่หลายสำหรับการจัดรูปแบบแท็กส่วนหัวโดยเฉพาะสำหรับการระบายสีคำหรือตัวอักษรโดยเฉพาะ

<h1 style="display:inline;">Bold text goes here</h1> 
<span style="display:inline;">normal text goes here</span>

คิดในบรรทัดข้างต้น - ทำงานให้ฉัน - ใช้ display: inline prop