在html5中,属性值两边用英文状态的双引号“”和“”或单引号“'”和“'”包裹,语法“属性名=属性值”或“属性='属性值'”;虽然双引号和单引号都可以包围属性值,但是为了规范和专业,尽量使用双引号。
本教程操作环境windows7系统、html5版、dell g3电脑。
什么是属性
属性可以为 html 标签提供一些额外信息,或者对 html 标签进行修饰。属性需要添加在开始标签中,语法格式为
attr=valueattr='value'attr表示属性名,value表示属性值。属性值必须使用双引号或者单引号''包围。
注意,虽然双引号和单引号都可以包围属性值,但是为了规范和专业,请尽量使用双引号。
一个标签可以没有属性,也可以有一个或者多个属性。
使用 html 属性的例子
<p id=user-info class=color-red>欢迎 <font color=red size=3>tom</font> 来到php中文网!<p><div class=clearfloat> <p class=left>这里显示 tom 的账号信息</p> <p class=right>这里显示 tom 的个性签名</p></div>专用属性
html 属性有很多,大体可以分为两类
有些属性适用于大部分或者所有 html 标签,我们将这些属性叫做通用属性;
有些属性只适用于一个或者几个特定的 html 标签,我们将这些属性叫做专用属性。
html 中的 <img> 标签就有 src 和 alt 两个专用属性,<a> 标签也有 href 和 target 两个专用属性,如下例所示
<img src=./logo.png alt=php中文网logo width=100 height=50><a href=http://c.biancheng.net/ target=,blank>php中文网</a>对代码的说明
<img>标签中的 src 属性用来定义图像的路径,alt 属性用来定义图像的描述信息,当图像出现不同寻常无法正常显示时就会显示 alt 中的信息。
<a>标签的 href 属性用来定义链接的地址,target 属性用来定义新页面在浏览器中的打开方法。
自定义属性
除了自带的属性,html 也允许我们自定义属性,这些属性虽然可以被浏览器识别,但是并不会添加什么特殊效果,我们需要借助 css 和 javascript 处理自定义属性,为 html 标签添加指定样式或者行为。
推荐教程《html视频教程》