对比起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之类的)

html中a标签是不是块元素,a标签是不是块元素,a标签是块级元素吗相关推荐

  1. html中哪个属性表示块级元素,HTML块级元素与行级元素

    转自:http://gkecenter.blog.163.com/blog/static/181380305201291745234195/ 一.两种类型 HTML中的大部分元素都可分为两种类型:块级 ...

  2. 浅谈块级元素和行级元素的相对定位和绝对定位问题

    以前我所学到的关于定位问题仅仅知道absolute是绝对定位,它可以让元素脱离标准流上浮,并且和float相比它可以让元素重叠在一起,后面的元素覆盖在前面的元素上. relative是相对定位,它使元 ...

  3. css块元素与行内元素特点,CSS区分块级元素和行内元素

    块级元素(块级元素一般当做容器使用,既可以容纳内联元素也可以容纳块级元素) 特点: 1.每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行. 2.元素的高度.宽度.行高和顶底 ...

  4. CSS块级元素与行内元素的区别和联系

    块元素(block element)一般是其他元素的容器元素,能容纳其他块元素或内联元素.块元素就好比一个四方块,可以放其他的四方块,并可以呈现在页面上任何地方. 默认情况下块元素,是独占一行的 常见 ...

  5. css ——行级元素与块级元素解析

    一 . 先说说二者的本质区别吧:        行级元素是可以和其他元素处于一行,不用必须另起一行.块级元素是每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行. 二 .下面 ...

  6. 行内元素和块级元素:内联(行级)元素不能设置margin-top

    内联(行级)元素 不能设置宽高,但padding属性可以设置,需要注意的是行级元素不能设置margin-top和margin-bottom属性,但可以设置margin-left和margin-righ ...

  7. html去掉父元素样式,CSS清除浮动使父级元素展开的三个方法

    一个没有设置高度的容器div内如果存在浮动元素(即使用了属性float:left或者float:right),那么该父级元素会无法展开. 为了使父级元素展开,有三种方法: 第一:设置父级元素的高度,但 ...

  8. html中的行内标签吗,HTML标签中行内元素和块级元素详解

    本文主要和大家详细介绍了HTML常用的标签中行内元素和块级元素,需要的朋友参考下吧,希望能帮助到大家. 块元素(block element) HTML标签分类明细 * address - 地址 * b ...

  9. html块级标签转换,html标签中的块级元素详解

    今天,我们就讲解一下html标签中的块级元素,主要包括块级元素的概念.作用.特点,还有就是块级元素有哪些标签等内容. 块级元素概念 块级元素是一类css样式display默认值为block的html标 ...

  10. img标签和p标签是行内元素还是块级元素?以及p标签中可以放img标签吗?

    img标签:行内块元素.类似于 inline-block 可以被p标签包裹.<p><img src="1.jpg"></p> 比如p是居中,图片 ...

最新文章

  1. 云评测、云监测、云加速,性能魔方mmTrix全球速度最快
  2. 软件测试的复杂性与经济性
  3. luncene 查询字符串的解析—QueryParser类
  4. 【Java线程】互斥 同步 异步 并发 多线程的区别与联系
  5. Program terminated with signal 11, Segmentation fault.
  6. Java内置数据类型
  7. vm设置虚拟服务器定时重启,vm服务器设置自动重启
  8. CANN 5.0黑科技解密 | 算力虚拟化,让AI算力“物尽其用”
  9. linux 释放进程res_linux下查询进程占用的内存方法总结
  10. 嵌入式Linux环境变量如何参与程序运行
  11. 「leetcode」257. 二叉树的所有路径(详解)
  12. Idea搭建SpringCloud(四)------利用Feign实现负载均衡
  13. text edit model FELIX的理解与python实现
  14. 中国石油大学《催化原理》第三阶段在线作业
  15. 安阳工学院计算机专业宿舍,安阳工学院宿舍条件,宿舍环境图片(10篇)
  16. 基于java博网即时通讯软件的设计与实现
  17. html before table,Use greasemonkey to add HTML before table
  18. Android唤醒、解锁屏幕代码实例
  19. DataX 工具安装部署及使用
  20. Karto_slam跑激光雷达(北阳ust-10lx下一篇介绍使用)

热门文章

  1. 【转载】SystemVerilog中子程序调用与参数传递(ref关键字)
  2. 根据数据批量生成excel文件
  3. 【正版软件】激活Windows 7报0xC004F035错误
  4. 计算机网络被限速,wifi被限速了怎么办,教您电脑怎么限制wifi网速
  5. Python爬虫入门10:select方法快速定位HTML内容
  6. Unity Hub许可证问题 达到最大申请次数之类的,Serial has reached the maximum number of activations
  7. 一对一培训机构如何通过系统来完成课时记录?
  8. 甲骨文助ISV 通过SOA与Oracle软件集成
  9. java sdk完整单机下载地址_Java SDK下载方法
  10. gamma是什么意思以及gray gamma 2.2(1.8)校正