유사 HTML 태그: Strong 및 em, q, cite, blockquote_HTML/Xhtml_웹페이지 제작

물론 여기서 유사성은 의미론적 유사성을 의미하므로 이러한 유사한 태그를 어떻게 사용하는지 모르는 사람들이 많습니다. 그래서 오늘의 주제는 유사한 태그를 분해하고 각각의 기능을 명확히 하는 것입니다. 태그를 사용합니다. 우리는 이미 Strong과 Em의 차이점에 대해 이야기했습니다. Strong 및 em 외에도 q 및 cite와 같은 유사한 태그도 있습니다.
XHTML 태그에는 유사한 기능을 가진 태그가 있습니다. 물론 여기서 유사성은 의미적 유사성을 의미하므로 이러한 유사한 태그를 어떻게 사용하는지 모르는 사람들이 많습니다. 그래서 오늘의 주제는 유사 태그를 분류하여 만드는 것입니다. 각 라벨의 목적이 명확합니다. 우리는 이미 Strong과 Em의 차이점에 대해 이야기했습니다. Strong 및 em 외에도 q, cite 및 blockquote와 같은 유사한 태그가 있습니다. 이 세 가지는 모두 참조의 범주에 속하지만, 여기서는 먼저 하나씩 설명하겠습니다.
, q의 기능은 블록이 아닌 요소, 즉 문단을 구성할 수 없는 내용을 인용하는 것입니다. 누군가가 말한 문장일 수도 있고, 문서 발췌일 수도 있습니다. , 등 "한 문장"의 특징이 분명합니다. 그리고 q 자체는 단락을 생성하지 않습니다. q 자체에는 스타일이 없으며 일반 브라우저에서는 눈에 띄도록 기본 스타일을 설정하지 않습니다. 하지만 CSS를 사용하면 일반 콘텐츠와 구별할 수 있습니다. q 태그에는 매우 중요한 또 다른 속성이 있는데, 바로 cite입니다. 이 cite 속성 값에서는 주로 인용된 내용의 출처를 나타내거나 온라인 주소를 제공하는 데 사용됩니다.
이번 콘텐츠는 단락에서 자세한 내용을 알려드리겠습니다.
p 대신 q를 쓰지 않도록 특히 주의하세요. 이 두 태그는 실수하기 쉽기 때문입니다.
사실 이전 글에서 cite에 대해 이미 이야기한 적이 있습니다. 그 글에서는 "이 태그는 문서의 제목과 이름만을 나타냅니다. 이 태그는 뒷부분의 참고문헌과 다소 유사합니다." 우리 책의 목차 내용도 약간 각주와 비슷해요. "그래서 그와 q의 차이점은 무엇인가요? 사실 이해하기 쉽게 q는 내용을 표시하는 것이고, cite는 이 내용을 말한 사람의 이름이나 책 제목을 표시하는 것입니다. Cite와 q는 종종 함께 사용됩니다. 예를 들어:
루쉰 선생님이 말씀하셨습니다. 원래 땅에는 길이 없었는데, 걷는 사람이 많아질수록 길이 생겼습니다. 이 사이트에서 더 많은 HTML 마크업 콘텐츠를 확인하세요.
그러면 인용구와 인용구의 차이점은 무엇인가요? blockquote는 블록 인용이며 XHTML에서는 여기에 모든 태그를 포함할 수 있습니다. 위의 q와 인용은 그다지 포괄적이지 않습니다. blockquote는 하나 이상의 내용 단락을 인용해야 할 때 사용됩니다. 브라우저는 일반적으로 인용된 내용을 일반 단락과 구별하기 위해 기본적으로 들여쓰기합니다. 물론 CSS 스타일을 통해 구별 형식을 변경할 수 있습니다.
blockquote에는 q와 마찬가지로 인용 출처를 나타내는 데 사용되는 cite 속성이 있습니다. 온라인 문서의 URL을 표시할 수 있습니다.
XHTML 태그에도 pre 태그가 있습니다. Dreamweaver에서는 이 태그를 "형식 지정"이라고 합니다. 예전에 Dreamweaver를 사용할 때는 이 태그가 어떤 용도로 사용되는지 전혀 몰랐습니다. pre는 일반적으로 소스 코드를 표시하는 데 사용되며 는 와 같이 단락을 구분할 수 있는

태그를 지원하지 않는다는 것이 분명해졌습니다. 이를 구현하는 데 코드가 필요하지 않습니다. 동시에 pre는 노트의 모든 공백을 유지하고 표시합니다.
일반적으로 pre는 현재 소스 코드를 표시하는 데 사용됩니다. 이는 코드와 유사하지만 pre는 블록 수준이고 코드는 인라인이라는 점입니다. 간단히 말해서 pre에는 여러 줄의 콘텐츠가 포함될 수 있지만 코드에는 짧은 문장이나 몇 개의 문자만 포함될 수 있습니다.
여기에 설명된 내용은 완전히 설명할 수 없으므로 문서를 읽은 후 직접 사용해 보고 특별한 기능을 발견해야 합니다. 친구가 CSS에 대한 지식을 좀 보고 싶다고 말했습니다. 여기서 나는 나의 글쓰기 의도를 전달하고 싶다. 아직 테이블 레이아웃에서 벗어나지 못한 일부 친구들이 먼저 전체 레이아웃에 영향을 주지 않는 몇 가지 양식을 사용할 수 있도록 단계별로 진행해 나가기를 바랍니다. CSS가 관련되면 호환성 문제가 발생할 수 있으므로 먼저 문서화에 대해 이야기한 다음 전체 레이아웃에 영향을 주지 않는 CSS 지식을 추가하겠습니다. 단계별로 더 깊이 들어가면 결국 독자는 테이블 레이아웃에서 표준 전원으로 자연스럽게 전환할 수 있습니다. 물론, 이 단계를 셀프 스터디로 마친 친구들이 있다면 나의 '잡담 기준' 칼럼을 통해 나와 소통할 수도 있다.