웹표준 지식 - 비슷한 용도의 태그_경험교류

우리는 이미 Strong과 Em의 차이점에 대해 이야기했습니다. Strong 및 em 외에도 q, cite 및 blockquote와 같은 유사한 태그가 있습니다. 이 세 가지는 모두 참조의 범주에 속하지만, 여기서는 먼저 하나씩 설명하겠습니다.

, q의 기능은 블록이 아닌 요소, 즉 문단을 구성할 수 없는 내용을 인용하는 것입니다. 누군가가 말한 문장일 수도 있고, 그럴 수도 있습니다. 문서 발췌 등 매우 독특한 특징을 가지고 있습니다. 분명히 이것은 "한 문장"입니다. 그리고 q 자체는 단락을 생성하지 않습니다. q 자체에는 스타일이 없으며 대부분의 브라우저는 눈에 띄도록 기본 스타일을 설정하지 않습니다. 하지만 CSS를 사용하면 일반 콘텐츠와 구별할 수 있습니다. q 태그에는 매우 중요한 또 다른 속성이 있는데, 바로 cite입니다. 이 cite 속성 값에서는 주로 인용된 내용의 출처를 나타내거나 온라인 주소를 제공하는 데 사용됩니다.

이 콘텐츠에서는 단락의 세부 사항을 더 자세히 알아볼 수 있습니다.
p 대신 q를 쓰지 않도록 특히 주의하세요. 이 두 태그는 실수하기 쉽습니다.

사실 이전 글에서 cite에 대해 이미 이야기한 적이 있습니다. 그 글에서는 "이 태그는 문서의 제목과 이름만을 나타낼 뿐입니다. 이 태그는 에 있는 참고문헌과 다소 비슷합니다." 우리 책의 뒷면. 목차의 내용도 각주와 비슷합니다. "그래서 그와 q의 차이점은 무엇입니까? 사실 q는 내용을 표시하는 것이고, cite는 이 내용을 말한 사람의 이름이나 책 제목을 표시하는 것입니다. Cite와 q는 종종 함께 사용됩니다. 예를 들면 다음과 같습니다.

루쉰 씨는 이렇게 말했습니다. 원래는 땅에 길이 없었는데, 걷는 사람이 늘어나면서 길이 생겼습니다.
그러면 인용구와 인용구의 차이점은 무엇인가요? blockquote는 블록 인용이며 XHTML에서는 여기에 모든 태그를 포함할 수 있습니다. 위의 q와 인용은 그다지 포괄적이지 않습니다. blockquote는 하나 이상의 내용 단락을 인용해야 할 때 사용됩니다. 브라우저는 일반적으로 인용된 내용을 일반 단락과 구별하기 위해 기본적으로 들여쓰기합니다. 물론 CSS 스타일을 통해 구별 형식을 변경할 수 있습니다.

blockquote에는 q와 마찬가지로 인용 출처를 표시하는 데 사용되는 cite 속성이 있습니다. 온라인 문서의 URL을 표시할 수 있습니다.

XHTML 태그에도 pre 태그가 있는데, Dreamweaver에서는 이 태그를 "형식화"라고 합니다. 이전에 Dreamweaver를 사용할 때는 이 태그가 어떤 용도로 사용되는지 전혀 몰랐습니다. 이제 pre는 일반적으로 소스 코드를 표시하는 데 사용되며

와 같이 단락을 구분할 수 있는 태그를 지원하지 않는다는 것이 분명해졌습니다. 표시된 콘텐츠를 래핑해야 하는 경우 소스 파일에 래핑하기만 하면 코드가 필요하지 않습니다. . 동시에 pre는 노트의 모든 공백을 유지하고 표시합니다.

일반적으로 pre는 현재 소스 코드를 표시하는 데 사용됩니다. 차이점은 pre가 블록 수준인 반면 코드는 인라인이라는 점입니다. 간단히 말해서 pre에는 여러 줄의 콘텐츠가 포함될 수 있지만 코드에는 짧은 문장이나 몇 개의 문자만 포함될 수 있습니다.

여기에 설명된 내용은 완전히 설명할 수 없으므로, 문서를 읽은 후 직접 사용해 보시고 특별한 기능을 찾아보세요. 친구가 CSS에 대한 지식을 좀 보고 싶다고 말했습니다. 여기서 나는 나의 글쓰기 의도를 전달하고 싶다. 아직 테이블 레이아웃에서 벗어나지 못한 일부 친구들이 먼저 전체 레이아웃에 영향을 주지 않는 몇 가지 양식을 사용할 수 있도록 단계별로 진행해 나가기를 바랍니다. CSS가 관련되면 호환성 문제가 있을 수 있으므로 먼저 문서화에 대해 이야기한 다음 전체 레이아웃에 영향을 주지 않는 CSS 지식을 추가하겠습니다. 단계별로 더 깊이 들어가면 결국 독자는 테이블 레이아웃에서 표준 전원으로 자연스럽게 전환할 수 있습니다. 물론, 이 단계를 셀프 스터디로 마친 친구들이 있다면 나의 '잡담 기준' 칼럼을 통해 나와 소통할 수도 있다.