HTML5 사양은 요소의 사용이 요소의 의미론에서 완전히 있어야한다는 것을 분명히 나타냅니다. 그러나 이러한 요소 중 일부는 매우 명확하지만 일부는 더 모호합니다. 요소를 사용하는 측면에서, CSS에이를 관리하는 것이 가장 좋습니다. 그러나 이것은 때때로 HTML 문서에서 일관성을 유지하면됩니다.
하이퍼 링크를 생성하십시오A 요소는 하이퍼 링크를 생성하는 데 사용됩니다.
1) HREF : A 요소에 언급 된 리소스의 URL을 지정합니다.
2) Hreflang : 연결된 자원이 사용하는 언어를 설명하십시오.
3) 미디어 : 연결된 리소스에 사용되는 장치와 스타일 요소의 미디어 속성을 설명하십시오.
4) rel : 문서와 링크 리소스의 관계와 링크 요소의 Rel 속성을 설명하십시오.
5) 대상 : 링크를 열기위한 브라우징 환경을 지정합니다.
6) 유형 : MIME 유형 (예 : 텍스트/HTML)을 설명하십시오.
외부에 대한 슈퍼 링크를 생성합니다<body> 나는 <a href = http : //en.widipedia.org/wiki/apples> 사과 </a>를 좋아한다. 그리고 <a href = http : //en.wikipeida.org/wiki/orange_ (from)> 오렌지 </a>
URL에서 가장 많이 사용되는 프로토콜은 HTTP이지만 브라우저는 HTTPS 및 FTP와 같은 다른 프로토콜도 지원합니다. 이메일 주소를 인용하려면 Mailto : [email protected]과 같은 Mailto 프로토콜을 사용할 수 있습니다.
비교적 URL을 사용하십시오<body> ...... <a href = fruitlist.html>에서 다른 사람을 볼 수 있습니다
기본적으로 브라우저는 대상 리소스가 현재 문서와 동일한 위치에 있다고 가정하지만 기본 요소를 통해 기본 URL을 제공하여 변경할 수 있습니다.
내부 하이퍼 링크를 생성합니다이 방법은 통합 문서의 다른 요소를 비전 분야로 이동하는 데 사용됩니다.#<id>를 선택해야합니다.
<body> ...... 과일에서 볼 수 있습니다 <a href =#과일> 여기 </a> ... , 복숭아와 포도
사용자가 링크를 클릭하면 문서가 ID가 과일 요소로 볼 수있는 위치로 롤됩니다.
브라우징 환경을 설정하십시오대상 속성은 브라우저의 링크를 표시하려는 브라우저의 희망을 알려주는 데 사용됩니다. 기본적으로 브라우저는 현재 문서의 창, 탭 또는 창 프레임을 사용하므로 새 문서가 현재 표시된 문서를 대체하지만 다른 값을 설정할 수 있습니다.
1) _blank : 새 창이나 탭에서 문서를 엽니 다.
2) _parent : 프레임 세트에서 문서를 엽니 다.
3) _self : 현재 창에서 문서를 엽니 다 (기본값);
4) _top : 상단 창에서 문서를 엽니 다.
5) <프레임> : 지정된 창 프레임에서 문서를 엽니 다.
예제를 통해 프레임을 이해할 수 있습니다. testframe.html 문서의 코드가 다음과 같습니다.
<html> <프레임 세트 색상 = 50%, 50%> <프레임 src = test.html /> <프레임 이름 = frame1 /> < /frameset> < /html>
프레임 세트는 여기에 정의되며, 각각의 프레임은 각각의 폭이 HTML 문서를 가리키며 두 번째 프레임은 이름 프레임 1을 제공합니다. test.html의 내용은 다음과 같습니다.
<! > </> Head> <body> <a I like <b> Apples </b> 및 <b> 오렌지 </b>
B 요소의 기본 스타일은 두껍습니다.
EM 요소EM 요소는 독자에게 문장 또는 단락 의미의 맥락을 제공하는 데 사용될 수있는 단락에 중점을 둡니다.
<body> <em> I </em> <b> 사과 </b> 및 <b> 오렌지 </b>
EM 요소의 습관은 비스듬합니다. 이 예는 문장의 시작 부분에서 I을 강조합니다.
I 요소I 요소는 텍스트 단락이 본질적으로 주변 내용과 다르며, 이는 종종 외국어, 기술 용어 및 누군가의 생각에도 사용됩니다.
<body> <em> i </em> <b> 사과 </b> 및 <b> 오렌지 </b>. >. </body>
I 요소의 습관은 EM 요소와 동일합니다.
S 요소S 요소는 단락이 더 이상 정확하거나 정확하지 않음을 나타내는 데 사용됩니다.
<body> <em> i </em> <b> 사과 </b> 및 <b> 오렌지 </b>. >. 내 현지 상점 비용 <S> $ 1 EANCH </s> $ 2에 대한 오렌지. 3./Body>강한 요소
강한 요소는 중요한 텍스트를 나타냅니다.
<바디> 나는 사과와 오렌지를 좋아합니다.
강한 요소의 스타일은 B 요소와 동일합니다.
u 요소U 요소는 주변 내용에서 강조된 텍스트 단락을 만들지 만, 그것이 강조하거나 그 중요성이 증가했음을 의미하지는 않습니다. 그 효과는 텍스트에 줄을 추가하는 것입니다.
<바디> 나는 사과와 오렌지를 좋아합니다.
U 요소의 습관은 A 요소와 유사하기 때문에 혼란을 방지하기 위해 U 요소를 최대한 피해야합니다.
작은 요소HTML5는 작은 레이블 지정 규칙을 사용하며 일반적으로 면제 진술, 예방 조치, 법적 제한, 저작권 정보 등이 포함됩니다. 때로는 서명을 표현하거나 라이센스 요구 사항을 충족하는 데 사용될 수 있습니다.
<body> <p> 무료 배송을 받으려면 (일부 제한이 적용될 수 있습니다.) </small> </p> ... 슈퍼 스토어
참고 : 소규모는 사용 약관 및 개인 정보 보호 정책 페이지와 같은 법적 진술을 사용하지 않습니다.
서브 및 SUP 요소서브 및 SUP 요소는 각각 가입 및 보조금을 나타내는 데 사용됩니다.
<body> 지점 x <sub> 10 </sub>는 10 <pule> </sup>입니다
변화
컨텐츠를 제어하는 데 사용할 수있는 두 가지 요소, 즉 BR 및 WBR 요소가 있습니다.
BR 요소BR 요소는 라인을 변경하여 컨텐츠의 일부에서만 사용해야합니다.
<body> 나는 구름으로 외로워졌다.WBR 요소
HTML5는 현재 브라우저를 초과하는 컨텐츠가 브라우저에 의해 변경되지 않는지 여부는 적절한 변경 위치에 대한 제안 일뿐입니다.
<body> 이것은 매우 긴 단어입니다. Super <wbrgilistic <WBR> ExpialIdocious
WBR 요소가 사용되지 않으면 브라우저는 긴 단어를 전체적으로 처리하고 WBR 요소가 사용되며 브라우저는 제안에 따라 변경하도록 선택할 수 있습니다. WBR 요소의 사용은 브라우저에 가장 적합한 곳에서 가장 적합한 단어를 브라우저에 알려주는 것입니다.
입력 및 출력을 나타냅니다1) 코드 : 컴퓨터 코드 조각을 나타냅니다
2) VAR : 프로그래밍 컨텍스트에서 변수를 의미하며 독자가 상상력에 지정된 장소를 삽입 함을 나타낼 수도 있습니다.
3) SAMP : 프로그램 또는 컴퓨터 시스템의 출력을 나타냅니다.
4) KBD : 사용자 입력을 나타냅니다
<body> <p> <code> var 과일 = [사과, 오렌지, 체리]; 이 exmple의 변수는 <var> 과일 </var> </p> <p> 코드의 출력은 다음과 같습니다. <samp> 나는 4 개의 과일을 좋아합니다 </samp> </p> <p> 좋아하는 과일, 나는 입력했다 : <kbd> cherries </kbd> </body>제목 참조, 인용, 정의 및 약어를 사용하십시오 ABBR 요소
약어를 표현하면 제목 속성은 약어를 나타내는 완전한 단어를 나타냅니다.
<body> 나는 사과와 오렌지를 좋아한다
이 요소는 스타일에 익숙하지 않으므로 콘텐츠가 특별 해 보이지 않습니다.
Q 요소그의 내용을 나타냅니다. Q 요소의 인용 속성은 소스 기사의 URL을 지정하는 데 사용될 수 있습니다.
<body> <p> <q Cite = http : //en.wikipedia.org/wiki/apple> <dfn </p> </body>
Q 요소의 습관은 인용 전후 인용문을 생성하는 것입니다.
인용 요소인용 된 작품의 제목을 나타냅니다.
<body> 과일에서 내가 가장 좋아하는 책은 <cite> 과일 : 식용, 편집 가능한, 놀라운 </cite>의 stuppy & kesseler </body>
그것의 습관은 비스듬합니다.
언어 요소 루비, RT 및 RP 요소Ruby 요소는 RT 요소와 RT 요소와 함께 사용되어야하는 음성 기호를 포함하는 텍스트를 나타냅니다
<body> <ruby> <rp> (</rp> <rt> chi </rt> <rp>) </rp> </ruby> <rp> (</rp> <rt> mei </rt > <rp>) </rp> </ruby> </body>
음성 기호를 표시하는 브라우저가 RP 요소 및 해당 내용을 무시하고 RT 요소의 내용이 음성 기호로 표시됩니다. 문서는 음성 기호를 지원하지 않는 브라우저에 표시되며 RP 및 RT 요소의 내용이 표시됩니다.
BDO 요소중국어의 방향을 설정하는 데 사용됩니다. BDO 요소는 DIR 속성으로 추가되어야하며, 지원 값은 1) RTL (오른쪽에서 왼쪽으로) LTR (왼쪽에서 오른쪽으로);
<body> <p> 이것은 왼쪽에서 오른쪽으로 : <bdo dir = ltr> 나는 오렌지를 좋아한다 </bdo> </p> <p> 이것은 오른쪽 셀레 오렌지 </bdo> </p>입니다. </body>다른 텍스트 요소 스팬 요소
의미 자체가 없으며 일반적으로 일부 글로벌 속성을 단락에 적용하는 데 사용됩니다.
<body> 나는 <span class = fruit> 사과를 좋아한다마크 요소
HTML5가 추가되며, 특정 컨텍스트로 인해 눈에 띄게 표시되는 단락을 나타내는 데 사용됩니다.
<body> <p> <mark> 쌍 </mark>의 <mark> people </mark> </p> </body>를 좋아할 것입니다.INS 요소 및 델 요소
INS 요소 및 델 요소는 문서에 추가 및 삭제 된 텍스트를 나타내는 데 사용될 수 있습니다.
<body> <p> <del> </mark> <mark> 참조 </mark> </del> <s> <mark> </mark> <mark> sea </mark> 참조 할 수 있습니다. </ins> </p> </body>시간 요소
시간과 날짜를 나타냅니다. 부울 속성 PubDate가 존재하는 경우 시간 요소는 전체 HTML 문서의 출시 날짜 또는 요소의 대부분의 기사 요소를 나타냅니다. DateTime 속성 RFC3339에 지정된 형식으로 지정된 날짜와 시간을 지정합니다. DateTime을 사용하면 Date 또는 Time을 요소 형태로 설정하여 읽기를 용이하게 할 수 있으며 동시에 컴퓨터가 모호성없이 지정된 날짜 또는 시간을 분석 할 수 있도록하십시오.
<body> 나는 아직도 내가 맛본 최고의 사과를 기억한다. >
시간 요소에는 DateTime 속성이 포함되어 있지 않습니다.이 시점에서는 유효한 시스템이 불규칙 할 때 읽기 쉬운 형식의 시간과 날짜가 포함되어 있습니다. 텍스트 내용의.
위는이 기사의 모든 내용입니다.