> 웹 프론트엔드 > HTML 튜토리얼 > 일반적으로 사용되는 HTML 요소 구조는 무엇입니까?

일반적으로 사용되는 HTML 요소 구조는 무엇입니까?

php中世界最好的语言
풀어 주다: 2018-02-05 09:19:20
원래의
2783명이 탐색했습니다.

이번에는 일반적인 html 요소 구조가 무엇인지, 일반적인 html 요소 구조 사용 시 주의사항은 무엇인지 알려드리겠습니다. 다음은 실제 사례입니다.

  1. 기본 구조:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title></title> 
</head> 
<body> 
</body> 
</html>
로그인 후 복사

2. 문서 유형:

(1)HTML 4.01

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
로그인 후 복사

(2)HTML5

<!DOCTYPE html>
로그인 후 복사

(3)XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
로그인 후 복사

3.머리:
( 1) 문자 집합

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
로그인 후 복사

(2) JS 소개

<script language="javascript"></script> 
<script language="javascript" src=""></script> 
<script language="javascript">var u="__URL__";var a="__APP__";</script> 
<script language="javascript" src="__PUBLIC__/js/jquery-1.8.1.min.js"></script>
로그인 후 복사

(3) CSS 소개

코드 복사

코드는 다음과 같습니다.

<style type="text/css"></style> 
<link rel="stylesheet" href="" type="text/css">
로그인 후 복사

(4) 기본 점프 설정

<base href="" /> 
<base target="_blank" />
로그인 후 복사

( 5) 검색엔진 관련 정보 설정

<meta name="description" content=",," />
<meta name="keywords" content=",," />
로그인 후 복사

4. 본문 :

(1) 기본 내용

<body onload=""> 
<div id="" class="">
</div> <div style="clear:both;">
로그인 후 복사

(2) Form
GET 방식으로 제출 :

<form id="" action="" method="post"></form>
로그인 후 복사

POST 방식 제출 :

<form id="" action="" method="get"></form>
로그인 후 복사


문서와 함께 제출:

<form id="" action="" method="post" enctype="multipart/form-data"></form>
로그인 후 복사


자주 사용하는 홈페이지:

文本域:<input id="" name="" class="" type="text"></input>
密码域:<input id="" name="" class="" type="password"></input> 
普通按钮:<input id="" name="" class="" type="button"></input> 
单选按钮:<input id="" name="" class="" type="radio"></input> 
多选按钮:<input id="" name="" class="" type="checkbox"></input>
로그인 후 복사

이 사례들을 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

비활성화 및 읽기 전용을 통해 입력을 읽기 전용 효과로 설정하는 방법

메타 태그의 기능은 무엇입니까

HTML 헤더 태그 메타로 새로 고침 리디렉션을 구현하는 방법

html 양식 내부 태그 사용 방법

위 내용은 일반적으로 사용되는 HTML 요소 구조는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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