程序员代码改变世界

初识H5标签小记

2016-11-28  本文已影响51人  大一号

浏览器对blockquote标签的解析是缩进样式, 当引用文本比较长时使用<blockquote></blockquote>标签, 文本较短使用<q></q>标签。

address标签定义地址,签名, 文档作者身份等 (默认斜体, 可修改)

<br />标签横线

为table表格添加摘要:<table summary=""></table>
添加标题:<caption></caption>

<a href="目标网址" taget="_blank">click here</a> : a标签在默认情况下,链接的网页是在当前浏览器窗口中打开,如果我们需要在新的浏览器窗口中打开可以将taget设置为"_blank"。
a标签还有一个作用是可以链接Email地址,使用mailto在网页中链接Email地址。
mailto:浏览器会自动调用默认的客户端电子邮件程序,并在收件人框中自动填上收件人的地址
cc=:在收件人地址后用cc=地址,可以填写抄送地址
bcc=:在收件人地址后用bcc=地址,可以填上密件抄送地址
subject=:添加邮件主题
body=:添加邮件内容
注:当收件人地址有多个时,可以使用分号";"隔开。如果mailto后面同时又多个参数的话,第一个参数必须以"?"开头,后面的参数每一个都以"&"分隔。

为网页插入图片,使用<img></img>标签:<img src="图片地址" alt="下载失败时的替换文本" title="提示文本">。 src:标识图像的位置;alt:标识图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);图像可以是GIF,PNG,JPEG格式的图像文件。

使用表单(form)标签,与用户交互。语法格式为:<form method="传送方式" action="服务器文件"></form>,其中action是浏览器输入的数据被传送到地方,比如一个PHP页面(save.php);method指的是数据传送的方式(get/post)。
注意:素有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在表单标签之间,否则信息无法提交到服务器上。

文本域(textarea),其col和row两个属性可分别用css样式的width和height来代替。

单选框、复选框,<input type="radio/checkbox" value="值" name="名称" checked="checked" />
1、 type="radio"时,控件为单选框
type="checkbox"时,控件为复选框
2、 value:提交数据到服务器的值(后台程序PHP使用)
3、 name:为控件命名,已备后台程序ASP、PHP使用
4、 checked:当设置checked="checked"时,该选项被默认选中

下拉列表框,<select multiple="multiple">
当select设置multiple属性,就可以实现多选功能(windows操作系统多选时按Ctrl+单击,Mac下按Command+单击)。
<option value="提交值" selected="selected">选项</option>
当设置selected="selected"属性,则该选项就被默认选中

form表单中的label标签,label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在label标签内点击文本,就会触发此控件。就是说,当用户选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(自动选中与该label标签相关联的表单控件上)
<label for="控件id名称">。注意:标签的for属性中的值应一定要与相关控件的id属性值相同。

上一篇下一篇

猜你喜欢

热点阅读