最近开始学习Html与CSS,由于之前没有接触过该语言,学习了几天后感觉有些概念容易混淆,现在先总结一些,跟大家分享一下:
1、HTML中标签、元素与属性的区别
(1)元素:
html网页实际上就是由许许多多各种各样的html元素构成的文本文件,并且任何网页浏览器都可以直接运行html 文件。所以可以这样说,html元素就是构成html文件的基本对象,html元素可以说是一个统称而已。html元素就 是通过使用html标签进行定义的。
(2)标签:
标签就是<head>、<body>、<table>等被尖括号“<”和“>”包起来的对象,绝大部分的标签都是成对出现的,如 <table></talbe>、<form></form>。当然还有少部分不是成对出现的,如<br>、<hr>等。 标签就是用来标记 HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。
(3)属性:
为HTML元素提供各种附加信息的就是HTML属性,它总是以"属性名=属性值"这种名值对的形式出现,而且属性 总是在HTML元素的开始标签中进行定义。
示例:
<<a class="baidu-highlight " target="_blank" href="https://www.baidu.com">html</a>>
<head> <title>示例标题</title> </head>
<body bgcolor="blue">
<p>这是示例页面</p>
</body>
</html>
在这个示例中,<p>这是示例页面</p>就是html元素,其中“这是示例页面”就是元素的具体内容了。
<head><title><body>等就是html标签,这是标签构成了html元素。
<body bgcolor="blue">中的bgcolor="red"就是标签的属性,它定义了标签应该如何具体配置。
总之,元素和标签的区别也不必太在意,实际工作中我们都直接以标签统称。而属性就很容易明白了, 它就是为HTML标签添加各种附加信息或者配置选项的参数。
2、表单提交的三种方式
(1)用Submit Type方式提交
示例:
<form name=”form” method=”post” action=”#">
<input type=”submit” name=”submit” value=”提交">
</form>
其中method规定用于提交表单的HTTP 方法,有两种get和post。对于两者的区别,下面会讲到。
action规定当提交表但时向何处发送数据,一般为后台处理程序,如PHP等。
(2)使用图片提交
示例:
<form name=”form” method=”post” action=”# ">
<input type=”image” name=”submit” src=”Submit.jpg”>
</form>
(3)使用链接来提交表单,用到了Javascript的DOM(文档对象模型)
示例:
<form name=”form” method=”post” action=”#”>
<a href=”javascript:form.submit();”>提交</a>
</form>
该方法调用了Javascript函数来进行表单的提交,使用起来较为灵活。比如,可以将其添加到onclick中进行调用。
示例:
<form name=”form” method=”post” action=”#”>
<div οnclick=”javascript:form.submit();”>
<span>提交</span>
</div>
</form>
3、表单提交方法get与post的区别
(1)post方法
用post提交的表单,数据以数据块的形式提交到服务器,表单数据不会出现在URL中,安全性较高。一般用于提交密码等数据。
(2)get方法
这是表单提交的默认方法,以“?name1=value1&name2=value2&...”的形式,将表单数据附加到URL的后面,提交到服务器处理,虽然安全性不如post,但执行效率高,可用于传输安全性不高的数据。