마크업언어 - 구문요소_HTML/Xhtml_웹페이지 제작

서론과 이전 장에서 시맨틱 태그의 개념에 대해 살짝 언급했습니다. 태그를 사용하여 파일의 의미를 식별하는 것은 단순히 태그로 표시 효과를 설정하는 것이 아닙니다. .하지만 이 목표는 너무 이상주의적이라고 생각합니다. 물론 목표를 완전히 달성하지 못했다고 해서 적어도 이 목표를 향한 노력이 가치가 있다는 의미는 아닙니다.
실제 상황에서는 특정 디자인 목표를 달성하기 위해 의미 없는 태그를 추가해야 하는 경우가 많습니다. 그 이유는 현재 잘 알려진 브라우저 중 어느 것도 일부 브라우저에서 올바르게 표시되지 않기 때문입니다. 결과적으로 특정 디자인 목표를 달성하려면 추가 태그를 사용해야 합니다.
명심해야 할 중요한 개념이 있습니다. 즉, 의미 구조를 최대한 작성하려고 하면 동시에 표준에 대한 지원이 100%는 아니지만 실용적인 이점을 얻을 수 있습니다. 이제 임계점을 통과했습니다. 웹 표준을 준수하는 방법을 사용하여 웹 페이지를 작성할 수 있습니다. 때로는 희생을 해야 하지만, 표준을 준수하는 태그를 더 많이 작성할수록 향후 작업이 더 쉬워질 것입니다. 표시 효과 VS 구조 라벨
이 장에서는 표시 효과와 구조적 태그의 차이점, 특히 을 사용하여 를 사용하는 것과 을 사용하여 를 사용하는 것의 차이점에 대해 설명합니다. 나중에 우리는 표준을 준수하는 구조화된 태그 구문 내에서 몇 가지 다른 구문 요소와 그 중요성에 대해서도 논의할 것입니다.
굵은 텍스트가 필요할 때 를 로 바꾸는 것을 권장하는 사람들도 있을 것입니다. 그러나 그들은 "이유"를 알지 못한 채 더 이상 설명하지 않았습니다. 다른 웹 디자이너가 태그 사용이 필요하다는 말을 들었다고 해서 태그 사용법을 변경할 것이라고 기대하기는 어렵습니다. 와 가 보다 나은 이유는 무엇인가요?
및 태그를 제거하고 이를 및 으로 대체하면 어떤 이점이 있나요? 효과. 이 책의 모든 예제도 이 개념을 따르려고 노력합니다. 전문가의 의견을 확인하세요
우선 W3C가 HTML4.01 구문 요소 사양의 및
문구 요소를 어떻게 설명하는지 살펴보겠습니다. 일반 구문 요소는 텍스트 조각 내에 구조적 정보를 추가할 수 있습니다. 의미는 다음과 같습니다.

은 더 강한 강조를 나타냅니다.
여기서 논의하는 것은 두 가지 강조 수준입니다. 예를 들어, 단어나 문구는 더 크게, 더 높게, 더 빠르게 발음해야 합니다. 음, 그게 바로 일반 텍스트 콘텐츠보다 더 강조하는 것입니다.
W3C는 계속해서 다음과 같이 설명했습니다.
구문 요소의 표시 효과는 브라우저에 따라 다릅니다. 일반적으로 시각적 브라우저는 의 텍스트 내용을 기울임꼴로 표시해야 하며, 음성 합성 소프트웨어는 다음과 같은 합성 매개변수를 변경할 수 있습니다. 내용에 맞게 볼륨, 피치, 속도 등을 조정합니다.
아하! 마지막 문장이 특히 흥미롭네요. 음성 합성 소프트웨어(이전에는 스크린 리더라고 불림)가 강조되어야 하는 텍스트를 정확하게 처리해 주는데, 정말 좋은 일이네요.
반대로 또는 는 표시 효과 태그일 뿐입니다. 단순히 굵은 글씨나 기울임꼴 텍스트를 표시하려면 CSS를 사용하면 됩니다. 더 많은 예제는 이 장의 뒷부분에서 설명합니다.
차이점을 이해하는 데 도움이 되는 두 가지 로고 예를 살펴보겠습니다.
나중에 참조할 수 있는 주문 번호는 다음과 같습니다. 6474-82071. 방법 B
향후 참조용 주문 번호 상태: 6474-82071 두껍고 아름답습니다.
이 상황은 문장 내의 특정 텍스트를 더 중요하게 표시하기 위해 대신 를 사용하는 완벽한 예입니다. 내용을 표현하는 방식을 변경합니다. 즉, 볼륨을 높이고, 피치 또는 속도를 변경합니다. 방법 B는 두 가지 목표를 동시에 달성합니다. 그래서 어쩌죠?
마찬가지로 를 로 바꾸는 것은 단순히 텍스트 내용을 기울임꼴로 표시하는 것보다 동시에 중요도를 표현할 수 있습니다. 방법 A
시간은 별로 걸리지 않았지만, 이 차도를 치우는 데는 세 시간이 걸렸습니다. 아침. 방법 B
삽질하는 데는 한 시간도 걸리지 않았지만 오늘 아침 내 진입로 강조.
이전 예(작성 당시에는 사실임)에서 제 의도는 "3"이라는 단어를 시각적으로 큰 소리로 말하는 것처럼 강조되게 표시하는 것이었습니다. 대부분의 브라우저에서는 방법 B가 더 잘 작동합니다. 은 기울임꼴로 표시되며 화면 판독기는 음색, 속도 또는 볼륨을 적절하게 조정합니다. 굵은 글씨나 이탤릭체만 사용해도 괜찮습니다.
많은 경우 볼드체 및 이탤릭체 텍스트 효과만 시각적으로 표시해야 한다는 점에 유의해야 합니다. 즉, 사이드바에 링크 목록이 있고 모든 링크가 동일한 효과로 표시되기를 원한다고 가정하십시오. 굵게 표시되어 있습니다(그림 6-1)

여기서는 시각적 기능 이상의 링크 콘텐츠를 강조할 의도가 없습니다. CSS를 사용하여 링크가 스크린 리더나 기타 비시각적 브라우저에서 강조 표시되지 않도록 변경하는 것이 좋습니다.
예를 들어, 굵은 글씨의 링크가 더 빠르고, 더 크게, 더 높은 음조로 읽혀지기를 정말로 원하시나요? 아마도 그렇지 않을 것입니다. 여기서 굵은 글씨는 단지 표시 효과를 위한 것입니다.
그림 6-1의 표시 효과를 얻기 위해 링크 바가 id가 사이드바로 설정된

에 배치되어 CSS를 사용하여 링크가 포함되도록 지정할 수 있다고 가정합니다. #sidebar는 굵게 표시되어야 합니다.
#sidebara{
font-weight:bold
}
너무 단순해서 생각만 해도 좀 우스꽝스러운데, 프레젠테이션과 구조를 분리하는 데 도움이 되는 좋은 방법이네요. 대담하네요!
마찬가지로 이탤릭체 텍스트에 대해 생각할 때 비슷한 아이디어를 적용할 수 있습니다. 내용을 강조하고 싶지 않고 텍스트만 이탤릭체로 만들고 싶다면 글꼴 스타일 속성을 다시 사용하여 CSS를 통해 이러한 상황을 처리할 수 있습니다.
동일한 #sidebar를 예로 들어 보겠습니다. 예를 들어 #sidebar의 모든 링크를 이탤릭체로 표시하려면 다음과 같이 작성하세요.
#sidebar a{
글꼴 스타일:기울임꼴
}
또 다른 매우 간단한 개념이지만 구조적 마크업 구문 분야에서는 이러한 상황을 논의하는 것이 매우 중요하다고 생각합니다. CSS를 사용하여 효과 태그를 표시하는 대신 CCTV를 처리하는 것이 때로는 가장 간단한 솔루션이기도 합니다. . 볼드체와 이탤릭체 공유
텍스트 내용을 볼드체와 이탤릭체로 동시에 표시하려면 먼저 어느 정도 강조하고 싶은지 질문을 생각해야 할 것 같습니다. 이 질문에 대한 답변을 바탕으로 선택하겠습니다. 적절한 태그: (강조) 또는 (강한 강조)를 선택한 다음 선택한 라벨로 텍스트를 표시합니다.
예를 들어 다음 예에서는 원래 '재미'를 굵은 글씨와 이탤릭체로 동시에 표시하려고 했으나 결국 건물이라는 단어를 강조하기 위해 을 사용하기로 했습니다. 웹 표준을 갖춘 사이트는 재미될 수 있습니다!
대부분의 브라우저는 이 단어를 이탤릭체로만 표시합니다. 두 가지 옵션을 모두 사용하려면 위의 문장에 동의하시기 바랍니다.
한 가지 방법은 "fun" 외부에 일반 을 래핑하고 내의 모든 을 굵게 표시하는 것입니다.
웹 표준을 갖춘 사이트 구축은 다음과 같습니다. fun
CSS는 다음과 같습니다.
emspan{
font-weight:bold;
}
추가 태그를 추가했기 때문에 명백한 의미 부분은 좋지 않지만 이 방법은 여전히 ​​모든 사람에게 유용합니다.
또 다른 방법은 태그에 대한 클래스를 지정하고 CSS로 굵은 효과를 추가하는 것입니다.
사이트 구축 웹 표준을 사용하면 재미될 수 있습니다!
CSS는 다음과 같습니다.
em.bold{
font-weight:bold;
을 사용하면 텍스트 내용을 의미상 강조하면서 기울임꼴 효과를 얻을 수 있으며, 여기에 굵은 클래스를 추가하면 내의 텍스트가 굵게 표시됩니다.
을 수정하는 경우에도 비슷한 방법을 사용할 수 있습니다. 이때 텍스트의 특정 단락을 강조할 때 이탤릭체로 디자인할 수 있습니다. 클래스에 이탤릭체 효과를 추가하고 의 원래 굵은 효과를 결합했습니다.
마크업 언어는 다음과 같습니다.
다음을 사용하여 사이트 구축 웹 표준은 재미있습니다!
CSS는 다음과 같습니다:
strong.italic{
font-style:italic
}
#p# 개요
이 주제에 대해 논의할 필요가 있다고 생각합니다. 따라서 이는 이 책의 핵심 주제 중 하나를 보여주는 좋은 예입니다. 콘텐츠와 프레젠테이션을 분리하는 것이 중요하고 유익합니다. 태그 태그를 구조적으로 동일한 태그로 구성하는 것은(내용을 강조할 때) 이러한 종류의 분리 목표를 달성하는 데 도움이 되는 간단한 방법입니다.
따라서 다음에 누군가가 "예, 항상 대신 를 사용해야 합니다."라고 말하는 것을 들을 때 이 주장을 뒷받침할 충분한 이유가 있는 것입니다.
대부분의 경우 강조를 표현하기 위해 또는 을 사용하는 것이 적합합니다.
이 장에서는 W3C가 "구문 요소"라고 부르는 것의 일부인 및 에 중점을 두었습니다. 이 부분에서는 구문 요소와 그 관계를 더 살펴보겠습니다. 표준에. 구문 요소
및 외에도 W3C HTML 4.01 사양의 전체 구문 요소 목록은 다음과 같습니다. : 기타 인용 및 참고 출처 정보를 포함합니다. : 명사의 정의 예를 나타냅니다. : 코드 조각을 나타냅니다. <samp>: 프로그램, 스크립트 출력 예를 나타냅니다. <kbd>: 사용자가 입력할 텍스트를 나타냅니다. <var>: 프로그램의 변수를 나타냅니다. <abbr>: 약어 명사(예: WWW, HTML, URL, Mass. 등)를 나타냅니다. <acronym>: 약어 이름(예: WAC, 레이더 등)을 나타냅니다. <br><cite><br>#p# <cite>의 디자인을 시작으로 몇 가지 태그를 자세히 살펴보겠습니다. <br><cite>는 논의할 가치가 있는 흥미로운 요소이며, 단순히 표시 효과를 지정하는 <cite> 태그를 대체할 때 특히 중요합니다. 예를 들어 디자이너는 책 제목을 이탤릭체로 표시하기 위해 <i>를 사용할 수 있지만 이 장의 앞부분에서 CSS가 표시 효과를 지정하는 데 가장 좋은 도구라는 것을 배웠습니다. <br>출판 제목을 표시하기 위해 <em>을 사용하는 것이 좋습니다. 그러나 책이나 기타 출판물을 인용할 때 강조할 의도는 없습니다. 즉, 책 제목을 이탤릭체로 표시합니다(인쇄물에서도 흔히 볼 수 있음). 산업 밑줄을 사용하십시오. 그러나 이는 분명히 링크와 혼동될 수 있습니다. <br>이 작업을 위해 <cite> 태그가 맞춤 제작되었습니다. 대부분의 브라우저는 기본적으로 <cite> 태그의 내용을 기울임꼴로 표시합니다. 또한 동일한 목적을 달성하기 위해 CSS 규칙을 추가할 수도 있습니다. 사양 <br>W3C의 <cite> 태그 사양은 HTML 4.01 사양에서 간략하게만 언급됩니다. <br><cite>: 기타 인용 및 참조 소스 정보가 포함되어 있습니다. <br>이 정도는 우리가 파악할 수 있는 정도인데, <cite>에 어떤 정보를 넣을 수 있는지는 정확히 알 수 없지만, '출처' 관점에서 보면 최소한 저자와 출판물은 넣을 수 있습니다. 그것. <br><cite>가 어떻게 사용되는지 살펴보겠습니다. <br>소설 <cite>The Scarlet Letter</cite>는 청교도 보스턴을 배경으로 하며 이 책과 마찬가지로 매사추세츠 주 세일럼 <br><cite> 태그를 사용한 후 제목은 The Scarlet Letter입니다. 대부분의 브라우저에서는 이탤릭체로 표시됩니다. 기본값이 없어도 브라우저가 올바른 효과를 표시하도록 다음과 같은 매우 간단한 CSS 규칙을 추가하겠습니다. {<br>글꼴 스타일: 기울임체;<br>} <br>검토를 위해 도서 및 기타 출판물의 제목에 있는 <i> 태그를 <cite>로 대체했습니다. 대부분의 브라우저에서는 여전히 기울임꼴 표시 효과를 얻을 수 있으며 다시 한 번 페이지 콘텐츠를 더욱 체계적으로 만들 수 있습니다. . 물론 이 구조는 CSS에서도 사용할 수 있습니다. 살펴보겠습니다. <cite> 스타일 변경 <br>구조와 의미를 갖춘 페이지 콘텐츠 구축에 대해 논의할 때 CSS를 사용하여 스타일을 지정하고 스타일을 수정하는 것이 더 쉬워졌습니다. 이를 영구적으로 사용하려면 출판물에 태그를 지정하세요. , 우리는 실제 스타일을 완벽하게 제어할 수 있으며 필요할 때마다 쉽게 수정할 수 있습니다. <br> 전체 웹사이트가 <cite> 태그를 사용하여 도서 참조 및 출판 제목을 표시한다고 가정합니다. 모든 <cite> 요소를 기울임꼴로 표시하기 위해 전역 CSS 규칙을 추가합니다. 제목 없는 책 출판물을 이탤릭체뿐만 아니라 회색 배경에 굵은 빨간색 텍스트로 표시합니다. <br> 물론 몇 가지 CSS 규칙을 사용하면 이전에 <cite>로 표시된 모든 참조의 제목을 즉시 변경할 수 있습니다. 이는 <i> 또는 <em> <br>인용 {<br>글꼴 스타일: 기울임체;<br>글꼴 두께: 굵은 글씨;<br>색상: 빨간색;<br>배경색: #ddd;<br>} <br>그림 6-2는 대부분의 브라우저의 표시 효과로, 구조화된 마크업을 먼저 작성하는 또 다른 좋은 예이므로 나중에 전체 사이트의 디자인 스타일을 쉽게 수정할 수 있습니다. <br> <br>그림 6 -2. <cite> 태그를 사용하고 CSS 스타일 효과를 사용하여 구조의 잠재력을 최대한 활용하세요. <br>스타일을 사용하기 쉬울 뿐만 아니라 구조화된 마크업은 서버측 소프트웨어로 처리하기도 쉽기 때문에 흥미로운 응용 프로그램을 제공합니다. <br>예를 들어 유용성 옹호자 Mark. 순례자는 자신의 개인 웹사이트 "Dive into mark"는 <cite> 태그를 많이 사용합니다. <cite> 태그는 블로그에서 인용된 출판물을 표시하는 데 사용되므로 Mark는 모든 기사를 구문 분석하여 데이터베이스를 만든 다음 참조된 인용을 기반으로 하는 프로그램을 작성할 수 있습니다. 소스 분류(http://www.peintomark.com/archives/citations/) <br>아래 그림 6-3은 Mark의 블로그에서 두 개의 관련 기사를 찾을 수 있으며, 모두 <br>로 "Dan Cederholm"을 표시하여 수행됩니다.</p> <p>그림 6-3 "Dive into mark"에서 Mark Pilgrim이 제작한 "posts by" 인용' 결과(http://www.peintomark.org/archives/citations/dan_cederholm/) <br>#p# <abbr> <br>또한 <abbr>(약어명) 및 <acronym>(약어명)이라는 두 가지 구문 요소를 제안하고 싶습니다. 이러한 태그를 사용하면 모든 사용자가 내용을 이해할 수 있고, 웹페이지 사용 편의성을 개선합니다. <br>W3C가 HTML4.01 사양에서 정의한 <abbr> 및 <acronym>의 사용을 새롭게 살펴보겠습니다. 약어 명사(예: WWW, HTTP, URL, Mass. 등)를 나타냅니다. <acronym> 약어 명사(예: WAC, 레이더 등)를 나타냅니다. <br>적절한 제목 속성을 사용하면 이러한 요소는 특정 명사를 이해하지 못하는 사용자에게 도움이 될 수 있습니다. 예를 들어 "XHTML"의 약어를 표시할 때 다음과 같이 <abbr> <br><abbr title="eXtensible HyperText Markup Language">XHTML</abbr> <br>여기에서 <abbr>를 사용하면 화면 판독기가 전체 텍스트를 발음하는 대신 약어(X-H-T-M-L)를 발음하게 됩니다. <br><acronym> 태그 사용 예는 다음과 같습니다. <br><acronym title="북대서양 조약 조직">NATO</acronym> <br>두 가지 청각 CSS 규칙을 사용하여 이러한 차이점을 다시 강조할 수도 있습니다. <br>abbr {<br>speak:spell-out;<br>}<br><br>약어 {<br>speak:normal;<br>} <br> 청각 스타일을 사용하면 작성자가 화면 판독기에 대한 읽기 방법을 구체적으로 지정할 수 있습니다. 이를 통해 페이지의 청각 표현을 수정하고 마크업 구조를 안내하며 톤, 음색 등을 변경하여 페이지의 읽기 효과를 더욱 높일 수 있습니다. 시각적 효과와 일치하도록 한 번 정의하십시오. <br>많은 사람들이 페이지에 반복적으로 나타나는 약어와 명사가 나타날 때마다 반복되는 정의는 공간 낭비라고 생각하고, 나타날 때만 title 속성을 추가하는 것이 가장 좋습니다. 처음에는 이것이 의미가 있다고 생각합니다. 사용자가 페이지의 특정 단락으로 이동하면 페이지 상단에 확장된 약어를 ​​볼 수 없기 때문에 정의의 이점을 얻지 못할 수도 있습니다. <br><abbr> 및 <acronym>으로 묶인 명사를 정의할 때는 판단하세요. <br>독자의 관심을 끌기 위해 일부 브라우저에서는 기본적으로 <abbr> 및 <acronym> 아래에 1픽셀의 점선 테두리를 추가하여 사용자가 약어 위로 마우스를 이동하도록 유도합니다. 브라우저는 "도구 설명" 형식으로 title 속성에서 제공하는 정의 콘텐츠를 표시합니다. <br>기본적으로 점선 하단 테두리를 표시하지 않는 브라우저의 경우 CSS를 정의하여 동일한 효과를 얻을 수 있습니다. <br>abbr, acronym {<br>border-bottom: 1px 점선;<br>커서: 도움말;<br>} <br>또한 커서를 "도움말"(대부분의 브라우저에서 지원)로 전환하는 추가 규칙을 추가하여 사용자가 클릭할 수 있는 링크가 아니라 "도구 설명" 콘텐츠로 표시되는 정의임을 알 수 있도록 했습니다(마크 Newhouse, "실제 스타일: CSS 도움말"). <br>그림 6-4는 브라우저의 표시 효과입니다. "XHTML"은 정의 텍스트와 점선 하단 가장자리로 확장됩니다. <br> <br>그림 6-4. ;호환성 문제의 예<br>이 책을 쓰는 시점에서 인터넷의 Windows 버전은 Explorer는 아직 <abbr> 태그에 대한 스타일 지정 및 도구 설명 표시를 지원하지 않습니다. IE/Win은 <acronym> 태그를 지원합니다. 이는 일부 디자이너가 약어 명사와 약어를 처리할 때 <acronym>만 사용하도록 권장합니다. <br>이렇게 하고 싶을 수도 있지만 실제 문제를 해결하기 위해 잘못된 요소를 사용하는 것은 좋지 않습니다. 이 특정 문제의 경우 사양에 따라 명사를 표현하고 올바르게 지원되는 브라우저를 사용하는 것을 선호합니다. 처리<abbr>태그 스타일 아직 언급하지 않은 몇 가지 구문 요소를 간단히 살펴보겠습니다. <br>#p# <코드> <br><code> 요소는 XHTML 페이지 내에 코드 예제를 표시하도록 설계되었습니다. 예를 들어 CSS 일부를 공유하려면 다음과 같이 작성할 수 있습니다. <br><code><br>#content {<br>너비: 80%;<br>패딩: 20px;<br> background: blue;<br>}<br>
일반적으로 시각적 브라우저는 고정 너비 serif 글꼴로 , 우리는 CSS 규칙을 추가하여 원하는 표시 방법을 지정할 수도 있습니다.
코드 {
글꼴군: Courier, serif;
색상: 빨간색;
}
이렇게 하면 의 내용이 빨간색 Courier 글꼴이 됩니다.
요소는 프로그램과 스크립트의 샘플 출력을 식별하는 데 사용됩니다. 예를 들어 내가 작성 중인 Perl에 대해 논의하려는 경우입니다. 스크립트가 결과를 출력하면 다음과 같이 표시할 수 있습니다.


스크립트가 실행되면 명령에서 줄에 script라는 메시지가 표시됩니다. 성공했어요!.

여기서는 스크립트 출력 예제를 로 묶습니다. 동시에 에서 했던 것처럼 CSS 규칙을 사용하여 프로그램 출력 예제에 대한 고유한 스타일을 설정할 수도 있습니다.
와 관련하여 는 프로그램에서 변수와 참조를 표시하는 데 사용됩니다. 예를 들어 XSLT 스타일시트를 논의하는 경우 다음과 같이 작성할 수 있습니다.

lastUpdated 매개변수를 전달하겠습니다. 내 main.xsl 파일에.

많은 브라우저에서는 태그의 내용을 기울임꼴로 표시하지만 기울임꼴이 마음에 들지 않으면 CSS 글꼴 스타일 속성을 사용하여 기본값을 제거하는 간단한 규칙을 작성할 수 있습니다. 디스플레이 효과:
var {
글꼴 스타일: 일반;
글꼴 계열: Courier, serif;
color: purple;
}
마지막으로 구문 요소를 완성하는 요소를 살펴보겠습니다.
요소는 사용자가 입력하려는 텍스트를 표시하는 데 사용할 수 있습니다. 예를 들어 커서를 검색 상자로 전환하기 위해 방금 지정한 액세스 키를 사용하는 방법을 설명하는 경우 다음과 같이 쓸 수 있습니다. 이것:

검색 입력 필드로 빠르게 초점을 변경하려면 Mac 사용자는 다음을 입력하세요. 명령 9.

다음에 무슨 말을 할지 짐작하실 수 있을 것입니다. 예, 간단한 CSS 규칙을 사용하면 다른 구문 요소와 마찬가지로 모든 요소의 스타일을 지정할 수 있습니다.
이 장에서 본 내용을 되돌아보면서 먼저 및 간단하게 디자인하는 방법 볼드체나 이탤릭체 표시 효과를 설정하려면 CSS가 올바른 방법입니다.
에서는 사람과 출판물을 표시하기 위해 로 시작하는 다른 구문 요소에 대해서도 설명하고 표시 효과 및 데이터 분석을 위한 구조화된 마크업 구문의 이점을 보여줍니다.
또한 웹 페이지의 유용성을 높이기 위해 약어와 약어를 적절한 구성 요소로 표시하는 방법을 보여 주며, 추가 CSS 표시 및 발음 규칙을 사용하여 정의 콘텐츠를 강화하는 방법도 보여줍니다. 마지막으로 나머지 구문 요소, 각 요소를 볼 수 있습니다. 그들은 모두 일반 텍스트에 대해 서로 다른 미리 설정된 스타일을 가지고 있지만 단일 페이지 또는 전체 웹 사이트에 대한 간단한 CSS 규칙을 빠르고 쉽게 디자인하여 이러한 요소에 대해 원하는 표시 스타일을 지정할 수도 있습니다.
이 장에는 많은 사람들에게 상당히 생소한 라벨이 있습니다. 중국에서 표준화가 시작된 후 슬프게도 p로 잘못 해석되었습니다. css를 어떻게 설명해야 할지 정말 모르겠습니다. 보시는 분들이 표준화-의미론적 문서로 가는 길에 있는 도로 표지판을 올바르게 이해할 수 있기를 바랍니다