HTML5 텍스트 내용

텍스트 내용의 시맨틱 요소는 일반적으로 특수한 내용 조각을 설명하는 데 사용됩니다. 이러한 의미 론적 요소는 이름, 평가, 예방 조치, 날짜 등과 같은 중요한 정보를 표시하는 데 사용될 수 있습니다.

요소는 다음과 같습니다. <bdi>, <cetlice>, <summary>, <mark>, <output>, <ruby>, <rp>, <time>, <wbr> 등이 포함됩니다.

<bdi> : 중간 중간 부모 요소와 분리되고 시스템의 기본 텍스트 방향을 사용하는 텍스트 방향의 내용.

<세부 사항> : 문서의 세부 사항을 설명하는 데 사용됩니다.

<summary> : <Elect류> 요소의 제목이 표시됩니다.

<mark> : 눈에 띄는 텍스트를 lalate.

<output> : 향후 콘텐츠가 채워질 영역을 표시하십시오.

<Ruby> : Mark Notes (중국 발음 또는 캐릭터).

<RT> : <Ruby> 요소에서 사용하여 문자의 해석 또는 발음을 정의하십시오 (중국 발음 또는 문자).

<RP> : <Ruby> 요소에서 Ruby 요소를 지원하지 않는 브라우저에서 표시되는 컨텐츠는 정의됩니다.

<Time> : 빛 또는 시간.

<WBR> : 후속 공간을 수용 할 수 없을 때 단어가 변경 된 것으로 표시됩니다.

IE 브라우저의 각 버전의 각 버전은 IE 지원으로 나뉩니다.

IE 지원 : <mark>, <output>, <ruby>, <rt>, <rp>, <time>.

IE는 지원하지 않습니다 : <BDI>, <Edlofy>, <Summary>, <WBR>.

IE 브라우저는 크롬 브라우저에서도 지원되는 요소를 지원합니다.

포함 : <mark>, <output>, <ruby>, <rt>, <rp>, <time>.

브라우저의 가장 낮은 버전 : IE 9, Chrome 26

시나리오 사용 : 중요한 내용.

예:

 <p> 중국의 수도는 <mark> 베이징 </mark> </p>입니다.

브라우저의 가장 낮은 버전 : IE 9, Chrome 33

시나리오 사용 : 계산 결과, JavaScript 리턴 값 등을 표시하십시오.

재산:

for : 관련 요소 ID. 여러 개의 공간이있는 경우 공간이 있습니다.

양식 : 관련 양식 ID. 양식에있는 경우이 속성을 할당 할 필요가 없습니다.

예:

 <form id = form onput = result.value = username.value> <입력 유형 = 텍스트 이름 = username/> <output name = result> </form>

<Ruby> : Mark Notes (중국 발음 또는 캐릭터).

<RT> : <Ruby> 요소에서 사용하여 문자의 해석 또는 발음을 정의하십시오 (중국 발음 또는 문자).

<RP> : <Ruby> 요소에서 Ruby 요소를 지원하지 않는 브라우저에서 표시되는 컨텐츠는 정의됩니다.

브라우저의 가장 낮은 버전 : IE 5, Chrome 5

시나리오 사용 : 중국인 Pinyin, 일본 가명.

예:

 <H5> 중국 Pinyin </h5> <p> <rub> Zhong </rt> guo <rt> guo </rt> </p> <h5> 일본 가짜 이름 </h5> <p> <Ruby> Han <rt> か> </rt> 단어 <rt> </rt> </ruby> </p>

브라우저의 가장 낮은 버전 : IE 9, Chrome 33

시나리오 사용 : 뉴스 및 블로그 게시 날짜.

예:

생성 날짜 : <timedateMe = 2016-04-15T12 : 30> 2016/04/15 12:30 </time>

재산:

DateTime {dateTime} :이 요소의 날짜와 시간을 설정하십시오. <time> 요소 디스플레이 날짜의 형식은 동시에 다양하며, 일부 텍스트는 x 분야이며 일부는 영어 달이지만 실제 날짜 시간은이 속성에서만 보존해야합니다. .

예:

 <P> 생성 날짜 : <TIME DATETIME = 2016-04-15 12:30> 2016/04/15 12:30 </time> </p> <p> 생성 날짜 : <Time DateTime = 2016-04-15 12:30> 30 분 전 </time> </p> <p> 생성 날짜 : <time dateTime = 2016-04-15 12:30> 4 월 15 일 </time> </p>

IE 브라우저의 부적합한 요소도 Chrome 브라우저에서 지원되었습니다.

포함 : <bdi>, <세부 사항>, <summary>, <wbr>.

브라우저의 가장 낮은 버전 : IE는 지원하지 않습니다, Chrome 16

장면 사용 : 아랍어, 페르시아어 등

 <p> div display 텍스트 방향 : rtl </p> <div dir = rtl> <p> 중국의 수도는 베이징입니다! > </div>

<세부 사항> : 문서의 세부 사항을 설명하는 데 사용됩니다.

<summary> : <detailt> 요소가 포함 된 제목입니다.

브라우저의 가장 낮은 버전 : IE는 지원하지 않습니다, Chrome 12

장면 사용 : 제품 세부 사항, 문서 세부 사항.

예:

 <moldary> 2016-04-18 기상 조건 <세부 사항> <p> Sunny Turns Clouds </p> <p> 13 ~ 25 ° </p> </details> </summary>

브라우저의 가장 낮은 버전 : IE는 지원하지 않습니다, Chrome 1

장면 사용 : 더 긴 영어 단어.

예:

 <H5> WBR 요소 제외 : </h5> <p> NetScape는 원래 스크립트 언어로 Livescrap으로 명명되었으며 나중에 Netscape는 Sun과 협력 한 후 JavaScript로 이름을 바꿨습니다. </p> <h5>에는 WBR 요소가 포함되어 있습니다. </h5> <p> NetScape는 원래 스크립트 언어로 Livescrap이라는 이름의 LiveScrap이었으며 나중에 NetScape는 태양과 협력 한 후 Java <WBR> 스크립트로 이름을 바꿨습니다. </p>

위는이 기사의 모든 내용입니다.