HTML5 연구 노트 간결 버전(9): 요소 및 속성 변경

黄舟
풀어 주다: 2017-01-21 17:07:24
원래의
1320명이 탐색했습니다.

변경된 요소

HTML5에서 다음 요소의 사용법은 웹에서 더 잘 사용되거나 더 큰 역할을 하기 위해 약간 수정되었습니다.

No href 속성 a 요소 자리 표시자로 표시되며 이제 a 요소는 흐름 콘텐츠 유형 요소(예: 기사, 입력, 범위 등)를 지원합니다.

주소는 기사, 옆, 탐색, 섹션별로 범위를 지정할 수 있습니다. 이전에는 전역 범위에만 적용할 수 있었습니다.

b 요소는 이제 스타일적으로만 눈에 띄고 일반 기사에서는 추가적인 중요성을 포함하지 않는 텍스트 조각으로 설명됩니다. 예: 문서 요약의 키워드, 댓글의 제품 이름. 또는 강조를 나타내는 조판 방법입니다. 또한 HTML5 사양에 따르면 제목 텍스트는

에서

을 사용해야 하며, 강조 텍스트는 을 사용해야 하며, 중요한 텍스트는 을 사용해야 하며, 강조 표시된 텍스트는 를 사용해야 합니다. 및 기타 측면만 사용하세요.

인용은 소개를 나타내는 데 사용됩니다. 소위 소개는 책, 보고서 또는 기타 출판된 소스 자료에 대한 참조입니다. 이 태그를 사용하여 책이나 잡지의 제목과 같은 참조에 대한 참조를 정의할 수 있습니다. HTML4의 이 의미(사람 이름)는 더 이상 적용되지 않습니다.

dl 요소는 여러 이름-값을 포함하는 그룹으로 표시되며 더 이상 HTML4의 원래 의미로만 표시되지 않습니다.

헤드 요소는 더 이상 객체 하위 요소를 포함할 수 없습니다.

hr 요소는 콘텐츠의 테마 변경을 정의하며 더 이상 수평선이 아닌 수평선으로 표시됩니다.

i 요소는 이제 일반적인 기사에서 서로 다른 의견이나 어조 등을 강조하는 텍스트 조각으로 설명됩니다. 예를 들어 카테고리 이름, 기술 용어, 외국어 속담, 아이디어, 등. 또는 기울임꼴 조판

레이블 요소를 나타내면 기본 플랫폼 사용자 인터페이스가 표준화되지 않는 한 브라우저는 더 이상 레이블에서 컨트롤로 초점을 이동하지 않습니다.

메뉴 요소는 도구 모음 및 상황에 맞는 메뉴에서 더 유용하도록 재정의되었습니다.

요소로 표시된 내용은 더 이상 정확하지도 중요하지도 않으므로 사용을 권장하지 않습니다.

작은 요소는 여백을 작은 텍스트로 렌더링하며 고지 사항, 주의 사항, 법적 제한 또는 저작권 표시는 종종 작은 텍스트로 특징지어집니다. 작은 텍스트는 뉴스 소스, 라이선스 요구 사항에도 사용되기도 합니다. small 요소는 em 요소에 의해 강조되거나 Strong 요소에 의해 중요하다고 표시된 텍스트의 중요성을 덜 강조하거나 감소시키지 않습니다.

strong 요소는 더 강한 어조의 강조 텍스트가 아닌 중요한 텍스트로 표현됩니다.

u 요소는 밑줄을 나타내며 내용은 모호한 텍스트, 잘못되었지만 표시해야 하는 텍스트 또는 고유명사(중국어 단어 등)입니다.

변경된 속성(Attribute)

li 요소의 value 속성이 다시 활성화되었습니다. 4.0에서는 제한되었으나 HTML5에서는 이 속성을 재사용하며 ol의 start 속성은 다음과 같습니다. 또한 다시 활성화되었습니다. 참고: 값 값은 정렬 값이 아닌 인덱스 값일 뿐입니다.

예:

<figure>  
<figcaption>The top 10 movies of all time</figcaption>  
<ol>   
<li value="10"><cite>Josie and the Pussycats</cite>, 2001</li>   
<li value="9"><cite>Црна мачка, бели мачор</cite>, 1998</li>   
<li value="8"><cite>A Bug&#39;s Life</cite>, 1998</li>   
<li value="7"><cite>Toy Story</cite>, 1995</li>   
<li value="6"><cite>Monsters, Inc</cite>, 2001</li>   
<li value="5"><cite>Cars</cite>, 2006</li>   
<li value="4"><cite>Toy Story 2</cite>, 1999</li>   
<li value="3"><cite>Finding Nemo</cite>, 2003</li>   
<li value="2"><cite>The Incredibles</cite>, 2004</li>   
<li value="1"><cite>Ratatouille</cite>, 2007</li>  
</ol> 
</figure>
로그인 후 복사

위 코드는 ol 요소의 반대 속성을 사용하여 구현할 수도 있습니다.

<figure>  <figcaption>The top 10 movies of all time</figcaption>  
<ol reversed>   
<li><cite>Josie and the Pussycats</cite>, 2001</li>   
<li><cite>Црна мачка, бели мачор</cite>, 1998</li>   
<li><cite>A Bug&#39;s Life</cite>, 1998</li>   
<li><cite>Toy Story</cite>, 1995</li>   
<li><cite>Monsters, Inc</cite>, 2001</li>   
<li><cite>Cars</cite>, 2006</li>   
<li><cite>Toy Story 2</cite>, 1999</li>   
<li><cite>Finding Nemo</cite>, 2003</li>   
<li><cite>The Incredibles</cite>, 2004</li>   
<li><cite>Ratatouille</cite>, 2007</li>  
</ol> 
</figure>
로그인 후 복사

a 및 영역 요소의 대상 속성은 re입니다. -활성화됨, 왜냐하면 웹 프로그램에서 예를 들어 iframe과 함께 사용될 때 매우 유용하기 때문입니다.

스크립트가 ECMAScript와 호환되거나 스타일 언어가 CSS인 경우 스크립트 및 스타일 요소의 유형 속성이 더 이상 필요하지 않습니다.

테이블 요소의 테두리 속성 값은 "1" 또는 빈 문자열로만 설정할 수 있습니다.

다음 속성은 여전히 ​​허용되지만 더 나은 대안이 권장됩니다.

사용 시 스크립트 요소의 언어 속성을 "JavaScript"(대소문자 구분 안 함)로 설정해야 합니다. 유형 속성과 충돌합니다. 사용자는 이 속성을 무시할 수 있습니다.

a 요소의 name 속성으로, 사용자는 대신 id를 사용할 수 있습니다.

img 요소 및 기타 모든 요소의 너비 및 높이 속성에서 더 이상 값을 백분율 숫자로 설정할 수 없습니다.

위 내용은 HTML5 학습 노트(9)의 간결한 버전입니다. 요소 및 속성 변경 내용에 대한 자세한 내용은 PHP 중국어 웹사이트(www.php.cn)를 참고하세요!


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!