htmlCs---Day8（html5-target)-CSDN博客

本文链接：https://blog.csdn.net/weixin_45170547/article/details/103009924

本文深入探讨了HTML5的拖放功能及其在网页交互设计中的应用，并详细解析了target属性的四种选择（_self、_blank、_parent、_top），以及noresize属性的作用和fieldset标签在表单设计中的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html5拖放

定义：指的是您抓取某物并拖入不同的位置；拖放是html5标准的组成部分；任何元素都是可拖放的。用Js实现。
target四种选择
targrt="_self"***：它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。（也就是***同窗口打开，就是在本身的界面打开）
target="_bank"***:点击时总会跳转到一个新页面。（也就是***打开新窗口）
target="_parent"***:将链接的画面内容，当成文件的上一个画面。（也就是***当前窗口打开）
***traget="_top"***:将框架中链接的画面内容，显示在没有框架的视窗中（即除去框架）。也就是在顶端打开窗口。（跳入到设置的链接中）。
当网页没有框架时，target=”_self”和target=”_parent”以及target=”_top”三种方式的显示方式几乎相同。
对于这四种选择的比较写的比较好的文章有：https://blog.csdn.net/u014624241/article/details/78119457
noresize属性
规定用户无法调整框架的大小；默认的拖动框架之间的“墙壁”来改变框架的大小，该属性可以锁定框架的大小。
语法<frame noresize="noresize">
fieldset标签
元素可将表单内的相关元素分组
将表单内容的一部分打包，生成一组相关表单的字段。
例如：

    <form>
        <fieldset>
          <legend>健康信息</legend>
          身高：<input type="text" />
          体重：<input type="text" />
        </fieldset>
      </form>

在这里插入图片描述
电子邮件的链接：< a href=“mailto:xxx@yyy”>
产生文本区：< textarea>

<p>....</p>  /*段落标签*/
<span>....</span> /*为文字设置单独样式*/
/*p标签是块级标签，span元素是行内元素。内元素可以写在块级元素里面，比如<p><span>内容</span></p>

html和html5结束，加油(ง •_•)ง