这篇文章主要介绍常用html元素结构是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
这次给大家带来常用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>
以上是“常用html元素结构是什么”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网行业资讯频道!