html中css样式 <a>标签的使用

html-css019

html中css样式 <a>标签的使用,第1张

html中css样式 <a>标签的使用方式：

1、<a>标签使用案例：

<a href="http://blog.0916688.com/" target="_blank" title="创业者李孟我的博客">创业者博客</a>

2、<a>标签使用范围：

（1）使用html a可以对图片进行锚文本超链接：

exp：

<a href="http://blog.0916688.com/" target="_blank" title="转到我的博客"><img src="http://blog.0916688.com/wp-content/uploads/2012/11/14.jpg" /></a>

（2）可以对文字内容进行锚文本超链接：

<a href="http://blog.0916688.com/"">我的博客</a>

3、html a应用扩展：

同页面锚文本-同页面内上下转到指定位置；

常常看见我们页面底部点击 “回到顶部”链接就会转到网页顶部实现。

Exp：

（1）、首先我们在网页body内最上面添加一个<span id="top" name="top"></span>；

（2）、我们再到body内，需要出现点击后转到顶部位置添加，<a href="#top">回到顶部</a>；

这样就可实现点击“回到顶部”即可本页内快速浏览到网页顶部位置。

使用语法：

（1）、需要转到地方添加，<a href="#命名">文字</a>，注意href值是#开头+英文字母命名；

（2）、需要在被转到位置添加，<span id="命名" name="命名"></span>，注意id和name值相同并且与a命名相同；

1、首先第一步就是进行按正常方法，a标签里的链接默认都是使用get方法去请求的。不能直接设置使用put方法去请求。

2、接着就是进行改a标签，添加一个id，为了附加事件。href属性改为data-href，这是为了不直接提交请求即可。

3、然后就是进行为这个a标签添加一个点击事件，如下图所示。

4、接着就是进行先获得工标签要请求的链接，使用data方法取对应的属性，代码应该为：varlink=$(this).data("href")即可。

5、然后就是进行发出一个ajax请求，请求的目标就是得到的链接。

6、然后就是进行在type属性里，这时候将其设置为要求的put方法。

7、最后就是请求后，如果需要在发送请求后把页面转向到新的页面，然后就在success回调里把页面重定向到新的页面即可。

定义和用法

<a>标签可定义锚。锚 (anchor) 有两种用法：

通过使用 href 属性，创建指向另外一个文档的链接（或超链接）

通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）

<a>元素最重要的属性是 href 属性，它指定链接的目标。