Home >Web Front-end >HTML Tutorial >What are the commonly used html element structures?
This time I will bring you what are the commonly used html element structures and what are the precautions for using commonly used html element structures. The following is a practical case, let's take a look.
Basic structure:
<!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. Document type:
(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.Header:
(1)Character set
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
(2)Introduce 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)Introduce CSS
Copy code
The code is as follows:
<style type="text/css"></style> <link rel="stylesheet" href="" type="text/css">
(4) Set the default jump
<base href="" /> <base target="_blank" />
(5) Set search engine related information
<meta name="description" content=",," /> <meta name="keywords" content=",," />
4. Subject:
(1) Basic content
<body onload=""> <div id="" class=""> </div> <div style="clear:both;">
(2) Form
Submit by GET method:
<form id="" action="" method="post"></form>
Submit by POST method:
<form id="" action="" method="get"></form>
Carry files Submit:
<form id="" action="" method="post" enctype="multipart/form-data"></form>
Commonly used on the home page:
文本域:<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>
I believe you have mastered the method after reading these cases. For more exciting information, please pay attention to other related articles on the PHP Chinese website!
Related reading:
How to set input to read-only effect through disabled and readonly
What are the tags of meta Function
How to implement refresh redirection of the HTML header tag meta
How to use the form internal tag of HTML
The above is the detailed content of What are the commonly used html element structures?. For more information, please follow other related articles on the PHP Chinese website!