常用html元素結構有哪些
- php中世界最好的语言原創
- 2018-02-05 09:19:202786瀏覽
這次帶給大家常用html元素結構有哪些，使用常用html元素結構的注意事項有哪些，以下就是實戰案例，一起來看一下。
基本架構：
<!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）表單
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中文網其它相關文章！
相關閱讀：
怎麼透過disabled和readonly將input設定為唯讀效果
以上是常用html元素結構有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn