>  기사  >  웹 프론트엔드  >  HTML 연구 노트

HTML 연구 노트

高洛峰
高洛峰원래의
2017-02-14 15:57:431381검색

HTML은 하이퍼 텍스트 마크업 언어(Hyper Text Markup Language)를 나타냅니다.

XHTML은 HTML보다 더 엄격하고 순수한 버전입니다.
XHTML은 확장 가능한 하이퍼텍스트 마크업 언어를 나타냅니다.
XHTML은 XML 애플리케이션으로 재정의된 HTML입니다.
XHTML은 W3C 표준입니다.
HTML 코드는 즉시 소문자로 작성해야 하며

와 같은 태그를 무시하는 나쁜 습관을 들이지 마십시오.
XHTML 요소는 닫혀야 하며 비어 있지 않은 태그는 닫는 태그를 사용해야 합니다.

속성 이름은 소문자여야 합니다.
속성 값은 따옴표로 묶어야 합니다.
속성은 축약할 수 없습니다.
이름 속성 대신 Id 속성을 사용하세요.
XHTML DTD는 필수 속성을 정의합니다. HTML 요소


PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR /xhtml1/DTD/xhtml1- strict.dtd">

HTML5는 차세대 HTML입니다.

---------------------- - ---------------------------------

는 다른 사람의 글을 인용할 때도 사용됩니다. 그러나 이는 잘 알려진 작가의 텍스트 중 큰 부분을 기사에 소개하는 것과 같은 긴 텍스트에 대한 참조이며, 이 경우 이 태그가 필요합니다.
브라우저는
태그를 들여쓰기 스타일로 구문 분석합니다.
태그, 짧은 텍스트 인용
인용 부호
  공백
태그, 웹 페이지에 주소 정보 추가
코드 한 줄을 추가하시겠습니까? 태그 사용 <code>var i=i+300;

여러 줄 코드인 경우
 태그를 사용할 수 있습니다. 

ul-li는 정보를 순서 없이 나열한 목록입니다. 순차 정보 목록은 ol

을 사용하여 테이블의 네 가지 요소를 생성합니다:
table, tbody, tr, th, td
…: 테이블이 content 테이블이 약간 다운로드되어 표시되는 경우가 많지만, 태그를 추가하면 모든 테이블 내용이 다운로드될 때까지 테이블이 표시되지 않습니다. 예를 들어 오른쪽 코드 편집기의 코드입니다.

캡션 태그, 표에 제목을 추가합니다. 제목 표시 위치: 표 위.


요약 내용은 브라우저에 표시되지 않습니다. 그 기능은 테이블의 가독성(의미화)을 높이고, 검색 엔진이 테이블 내용을 더 잘 이해할 수 있도록 하며, 또한 화면 판독기를 사용하여 특수 사용자가 테이블 내용을 더 잘 읽을 수 있도록 하는 것입니다.

mailto를 사용하여 웹 페이지의 이메일 주소 연결
이 영화 리뷰에 대해 어떻게 생각하시나요? Send이메일을 보내 주세요

다운로드 실패 시 대체 텍스트

양식 태그를 사용하여 사용자와 상호작용


텍스트 입력 상자, 비밀번호 입력 상자

텍스트 영역, 여러 줄 텍스트 입력 지원


라디오 버튼 사용 , 확인란 사용자가
를 선택할 수 있도록 하는 확인란: 참고: 동일한 라디오 버튼의 경우 그룹, 이름은 특정 값을 가져야 합니다. 일관성을 유지하세요

드롭다운 목록 상자를 사용하여 공간 절약

selected="selected" 속성을 설정합니다. 그러면 해당 옵션이 기본적으로 선택됩니다
드롭다운 목록은 여러 선택 작업을 수행할 수도 있으며


양식의 라벨 라벨
라벨 라벨은 사용자에게 특별한 효과를 제공하지 않습니다. 효과는 마우스 사용자의 사용성을 향상시킵니다. 이 컨트롤은 레이블 내부의 텍스트를 클릭하면 트리거됩니다. 즉, 사용자가 레이블을 선택하기 위해 클릭하면 브라우저는 자동으로 레이블과 관련된 양식 컨트롤로 포커스를 돌립니다(자동으로 레이블과 관련된 양식 컨트롤을 선택합니다).

더 많은 HTML 학습 노트 및 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.