Maison  >  Article  >  interface Web  >  Quelles sont les structures d'éléments HTML couramment utilisées ?

Quelles sont les structures d'éléments HTML couramment utilisées ?

php中世界最好的语言
php中世界最好的语言original
2018-02-05 09:19:202740parcourir

Cette fois, je vais vous expliquer quelles sont les structures d'éléments HTML courantes et quelles sont les précautions à prendre pour utiliser les structures d'éléments HTML courantes. Ce qui suit est un cas pratique, jetons un coup d'œil.

  1. Structure de base :

<!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. Type de document :

(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. En-tête :
(1) jeu de caractères

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

(2) Introduire 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) Introduire CSS

Copier le code

Le code est le suivant :

<style type="text/css"></style> 
<link rel="stylesheet" href="" type="text/css">

(4) Définir le saut par défaut

<base href="" /> 
<base target="_blank" />

(5) Définir les informations relatives au moteur de recherche

<meta name="description" content=",," />
<meta name="keywords" content=",," />

4. Corps principal :

(1) Contenu de base

<body onload=""> 
<div id="" class="">
</div> <div style="clear:both;">

(2) Formulaire
Soumission GET :

<form id="" action="" method="post"></form>

Soumission POST :

<form id="" action="" method="get"></form>


Soumettre avec les documents :

<form id="" action="" method="post" enctype="multipart/form-data"></form>


Page d'accueil couramment utilisée :

文本域:<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>

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment définir l'entrée en lecture seule via désactivé et lecture seule

Quelles sont les balises de la fonction méta

Comment implémenter la redirection d'actualisation à l'aide de la balise d'en-tête HTML méta

Comment utiliser le formulaire interne balise HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn