H1 태그 안에 <span>을 추가 할 수 있습니까?


96

H1 태그 내에서 스팬 태그를 사용하는 것이 적절한 방법입니까?

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

나는 우리가 이것을 이런 식으로 쓸 수 있다는 것을 알고있다 ... 또한 내 웹 사이트에서 아래 구문을 따르고있다 ..

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

하지만 html의 깔끔한 형태를 알고 싶었습니다 ..


3
@fireeyed 나는 그가 의미하는 태그의 옳은 의미를 따르고 싶어한다고 생각합니다.
dpp

2
accpeted로 그나마 당신이 정보를 가지고 있다면 당신은 t를 완 마크 대답 잊지
Pranay라나

제목에 범위를 넣으면 단어 줄 바꿈 문제가 발생합니다. 다른 사람이 이것을 본 적이 있습니까?
Rafael

1
범위에있는 텍스트를 래핑 해 본 적이 있습니까? 그리고 블록 요소에있는 텍스트를 래핑하는 것은 어떻습니까? @Rafael
다니엘 스프링

답변:


180

그래 넌 할수있어.

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>.


1
"HTML5 has this to say"의 링크가 끊어졌습니다. (
mehulkar

@mehulkar 알려 주셔서 감사합니다. 지금 수정해야합니다.
mu가 너무 짧습니다.

30

그래 넌 할수있어. h1 블록의 일부를 형식화하는 데 사용할 수 있습니다.

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

스타일이 전체 h1 블록에 적용되는 경우 다음을 수행합니다.

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

1
@dpp 프리젠 테이션 이름의 사용을 피해야하는 이유는 무엇입니까?
nu everest

3

예, 그것은 사용하는 것이 일반적으로 괜찮습니다 span의 내부 h1. span인라인 요소이므로 일반적으로 모든 내부에서 사용하는 것이 좋습니다 (내부 요소를 허용합니다!).

때로는 h1.

반면에 ... 필요하지 않다면하지 마세요. 조금 못 생겼습니다. :)


2

예, 괜찮습니다.

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

그게 다라면?


1
그게 다가 아닙니다. 요청은 제목의 일부만 스타일링하는 것입니다.
Daniel Springer

1

그래 넌 할수있어. 범위는 인라인으로 표시되므로 H1의 스타일에 영향을주지 않습니다.


0

예, 헤더 태그와 함께 스팬 태그를 사용할 수 있으며 잘못된 것은 없습니다. 실제로 이것은 헤더 태그의 스타일 지정, 특히 특정 단어 나 문자의 색상 지정에 널리 사용됩니다.


0

예, 헤더 태그와 함께 스팬 태그를 사용할 수 있으며 잘못된 것은 없습니다. 실제로 이것은 헤더 태그의 스타일 지정, 특히 특정 단어 나 문자의 색상 지정에 널리 사용됩니다.


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

위의 줄에서 생각하십시오-나를 위해 일했습니다-display : inline prop 사용


이것이 질문과 무슨 관련이 있습니까?
Quentin

3
@Quentin 나는 그가 제목을 인라인 요소로 강제하도록 제안하는 것을 의미했다고 생각합니다. 가능하다면 좋은 생각입니다.
다니엘 스프링

2
이 답변은 직접적인 질문은 아니지만 문제를 해결하기 때문에 투표를하지 않아야합니다. 솔루션에 +1.
Achala Dissanayake
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.