2010-07-31 6 views
28

내 google fu가 오늘 저녁에 긁적 거리지 않습니다. <a> 태그 내에 포함될 수있는 유효한 HTML 요소는 무엇입니까?<a> 태그 내에 포함될 수있는 요소는 무엇입니까?

<a> ?? </a> 
+0

[MDN'a' 페이지] (https://developer.mozilla.org/en-US/docs/Web/HTML/Elem ent/a)는 "허용 된 콘텐츠 : 투명, [flow content] (https : //developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories # Flow_content) 또는 [구문 내용] (https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) . " – Jeroen

답변

27

인라인 요소 (기타 a, span, strong, em)는 다른 인라인 요소와 텍스트 노드를 포함 할 수 있습니다. 앵커에는 텍스트 노드를 포함 할 수있는 범위가 포함될 수 있습니다.

일반적 블록 레벨 요소 인라인 요소와 다른 블록 레벨 요소를 포함 할 수있다. 일반적으로 인라인 요소는 데이터 및 기타 인라인 요소 만 포함 할 수 있습니다. 에 내재되어있는이 구조적 차이는 블록 요소가 인라인 요소보다 구조가 더 크다는 것을 나타내는 아이디어입니다.

다른 답변에서 언급 한 바와 같이 http://www.w3.org/TR/html401/struct/global.html

에서

, 당신은 중첩 할 수 없습니다 aa.

+0

그래서 ' ble Ahmad

+1

html 문서를 작성했는지 확인하고 @ http://validator.w3.org/을 확인하십시오. :) –

+0

질문은 실제로 다른 의문에 의해 영감을 받았습니다 :). 실제로 이것을하는 것이 아니며 어떻게 든 ''내에 ''을 사용하지 않습니다. .. 감사드립니다. – Ahmad

3

<a> 태그는 다른 <a> 태그 외에 Inline Element을 포함 할 수 있습니다.

2

일반 텍스트와 인라인 요소를 포함 할 수 있습니다.

TT | I | B | BIG | SMALL | EM | STRONG | DFN | CODE | SAMP | 
KBD | VAR | CITE | ABBR | ACRONYM | A | IMG | OBJECT | BR | 
SCRIPT | MAP | Q | SUB | SUP | SPAN | BDO 

그러나 A

다른 A에 중첩 될 수 없으며 senese하지 않습니다 SCRIPT 중첩 : 인라인 요소는 다음과 같다.

+0

[formctrl] (http://www.w3.org/TR/html401/sgml/dtd.html#formctrl) 요소를 잊어 버렸습니다. (지옥,'a '안에'select'를 사용하겠습니까? '?) – user123444555621

+0

의도적으로 잊어 버렸습니다. :) 앵커에 양식 요소를 중첩 할 필요가 없습니다. 어쩌면 href 속성이 없어도 누가 오늘 그것을 사용합니까? :) –

+0

왜 중첩 스크립트가 의미가 없습니까? text/plain을 사용하면 중첩 된 스크립트 태그를 데이터가 아닌 태그로 처리하는 것이 좋습니다. –

2

사양의 anchor section을 참조하십시오.

<!ELEMENT A - - (%inline;)* -(A)  -- anchor --> 

관련 섹션 "A 요소를 제외한 그룹 % 인라인 아무것도"(%inline;)* -(A) 수단이다. %inline은 하이퍼 링크로되어있어서 쉽게 확장 할 수 있습니다.

2

앵커 태그는 인라인 요소이므로 다른 인라인 요소 (다른 앵커 태그 제외)를 포함 할 수 있습니다.

블록 요소를 앵커 내부에 넣으려면 인라인 요소를 사용하여 앵커 태그 자체와 함께 CSS를 사용하여 블록 요소로 변환해야합니다.

예 :

<a href="page.html" class="blocklink"><span>eat me</span></a> 

CSS :

.blocklink { display: block; } 
.blocklink span { display: block; } 
41

HTML 5로, <a> 등 요소 블록도뿐 아니라 (유효) 인라인 요소를 포함 할 수 있지만

W3 : http://dev.w3.org/html5/markup/a.html

+2

좋은 찾으십시오. 부모가 블록 요소를 포함 할 수있는 요소 여야한다는 점도 주목할 가치가 있습니다. – remarsh

+4

이 질문을 다루는 단락의 정확한 링크 : http://w3c.github.io/html-reference/a.html#a-changes – Laizer

관련 문제