腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题

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

1
回复
1932
查看
[复制链接]

1

主题

8

帖子

14

积分

1°伸手党

Rank: 2

积分
14
发表于 19-1-20 16:57:40 | 显示全部楼层 |阅读模式         
对比起XHTML来说,HTML5通过更简单的元素引起了一系列的思考,坦诚地讲,这真的是急需的简化。这些简化之一就是能够通过标签 包装像div,h标签(h1...h6),和段落标记P 这些块级元素。你没看错:用一个A标签包裹块级元素(译者注:  在HTML5以前,a标签属于行内元素,而div,h1,p 等为块级元素,如果强行包裹,可能会被强行截断为多个a标签。当然,都是浏览器的事啦。).  
5 v9 _# v9 q  ~7 `; A8 p6 o. A" f8 p) [1 Q
示例代码: 7 ]: |+ P$ J% [" g
 
$ v( m: u$ P3 ]: X6 k复制代码
* L0 p8 [" o5 `1 y2 b代码如下:0 r4 X* W5 H/ O1 C/ c
" M8 s0 \# T( O, f& }

% f; E  t& x, x; G' t) f
% Q) w0 u' |: }0 j7 C* ]$ `关于 David Walsh* w$ d5 R2 u$ c

. m6 H. y  [! M. x+ b1 B& n! p* e 5 g0 W1 _/ q! V6 `% n

1 r- h7 r6 W4 e9 A原 文作者是27岁的 Web Developer, 并且是jQuery & MooTools方面的专家级顾问,地址为 Madison,  Wisconsin. 同时也是Wynq Web 实验室的创始人兼主程 . 格言:“我并不设计网站,只是让他们跑起来.” + a  }6 m2 ]) l9 Z% M. `
5 W. m, C1 @6 A5 l' ^1 y0 a/ j

  B( L- ~$ y9 R( N% T
- i2 r4 z# K8 H+ |
; \5 e" Y8 m+ ?6 n

3 C0 @3 i9 @; m7 H; j* |* t
6 M2 F2 x# p6 U3 l3 v# F就是这样,一个A标签包裹着div,p,h1这样的元素,需要注意的是,你不能在一个A标签内包含另一个A标签,否则发生什么事,可能是各个浏览器不一致的。 ( W9 G6 A( B* \/ O( m; Z1 e' M1 N

& \" I. b* G' |$ i% E1 R3 b* D你如何看待? , s& p  E# B: z5 y3 u" r
对 于用A标签包含着块级元素我很矛盾,快速查看时感觉就像一堆垃圾代码。另一方面,为了回避这种方式,我们一直使用JavaScript来处理。可点击元素 的目的就是为了完成任务和功能,而使用原生HTML来完成这种功能比起JS来说更自然,有时候肯定会很方便。我想问的是:对于这个实践你如何看待?你能立 即使用吗?请分享您的观点!
* V6 q6 u" a, E  q2 |  ^: g(译者注:在译者的项目里,一个组员就使用了这个功能。在MyEclipse里面看着很难过,因为是一堆的黄色警告。但是客观来说,有时候有些代码确实很有效,比如什么之类的)

0

主题

10

帖子

4

积分

1°伸手党

Rank: 2

积分
4
发表于 19-10-10 07:04:23 | 显示全部楼层         
帮帮顶顶!!
回复

使用道具 举报

网站简介

球球发,是一家 Discuz! 商业插件、风格模板、网站源码、 Discuz!运营维护技术等于一体的交流分享网站,全站95%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---球球发(如果我们有侵犯了您权益的资源请联系我们删除