HTML5在a标签内放置块级元素示例代码

亚运村的胖子

亚运村的胖子

2016-02-19 10:06

下面这个HTML5在a标签内放置块级元素示例代码教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!
对比起XHTML来说,HTML5通过更简单的元素引起了一系列的思考,坦诚地讲,这真的是急需的简化。这些简化之一就是能够通过a标签包装像div,h标签(h1...h6),和段落标记P 这些块级元素。你没看错:用一个A标签包裹块级元素(译者注: 在HTML5以前,a标签属于行内元素,而div,h1,p 等为块级元素,如果强行包裹,可能会被强行截断为多个a标签。当然,都是浏览器的事啦。).

示例代码:

代码如下:

body
a href="/about-page.php"
div class="article"
h1关于 David Walsh/h1
p
原文作者是27岁的 Web Developer, 并且是jQuery & MooTools方面的专家级顾问,地址为 Madison, Wisconsin. 同时也是Wynq Web 实验室的创始人兼主程 . 格言:我并不设计网站,只是让他们跑起来.
/p
/div
/a
/body

就是这样,一个A标签包裹着div,p,h1这样的元素,需要注意的是,你不能在一个A标签内包含另一个A标签,否则发生什么事,可能是各个浏览器不一致的。

你如何看待?
对于用A标签包含着块级元素我很矛盾,快速查看时感觉就像一堆垃圾代码。另一方面,为了回避这种方式,我们一直使用JavaScript来处理。可点击元素的目的就是为了完成任务和功能,而使用原生HTML来完成这种功能比起JS来说更自然,有时候肯定会很方便。我想问的是:对于这个实践你如何看待?你能立即使用吗?请分享您的观点!
(译者注:在译者的项目里,一个组员就使用了这个功能。在MyEclipse里面看着很难过,因为是一堆的黄色警告。但是客观来说,有时候有些代码确实很有效,比如什么red之类的)
展开更多 50%)
分享

猜你喜欢

HTML5在a标签内放置块级元素示例代码

Web开发
HTML5在a标签内放置块级元素示例代码

html5弹跳球示例代码

Web开发
html5弹跳球示例代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML5标签与HTML4标签的区别示例介绍

Web开发
HTML5标签与HTML4标签的区别示例介绍

HTML5的标签的代码的简单介绍 HTML5标签的简介

Web开发
HTML5的标签的代码的简单介绍 HTML5标签的简介

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

html5 标签

Web开发
html5 标签

使用HTML5拍照示例代码

Web开发
使用HTML5拍照示例代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Java多线程的用法详解

Java多线程的用法详解

经常用到的JavasScript事件的翻译

经常用到的JavasScript事件的翻译
下拉加载更多内容 ↓