html5div标签，web div标签

在html5页面中,一个div或者图片,鼠标移动上去的时候变大,移出的时候又...

当touchmove事件触发的时候，会默认行为的滚动(触摸移动的默认行为是滚动页面)，然后触摸操作的变化信息更新到div标签中。而touchend事件会输出有关触摸操作的最终信息。注意，在touchend事件触发的时候，touches集合中就没有任何Touch对象了，因为不存在活动的触摸操作。

方法一：可以使用包含关系，就像楼上所说，1级菜单包含2级，2级包含3级，这样可以使用：hover来定义1级菜单。方法二：可以定义相对应的ID，比如一级：id=‘menu_1，二级：id=’menu_2之类的，前面一致，然后使用JS自己拼接一级的ID，来对DOM对象做处理。只是一些思路，可能已经有脚本可以完成。

创建两个html文件，一个test一个test2。打开test页面，在里面创建一个div，并给其添加onmousedown与move方法。打开后我们发现是一个棕绿的页面。定义两个变量，startx为鼠标按下的坐标，endx为鼠标移动的坐标。

相关问答

Q1: 详解HTML5中div和section以及article的区别

1、总结：div section article ，语义是从无到有，逐渐增强的。div 无任何语义，仅仅用作样式化，对于一段主题性的内容，则就适用 section，而假如这段内容可以脱离上下文，作为完整的独立存在的一段内容，则就适用 article。

2、section：与div相似，但它有更进一步的语义。section用作一段有专题性的内容，一般在它里面会带有标题。 section典型的应用场景应该是文章的章节、标签对话框中的标签页、或者论文中有编号的部分。

3、div 可定义文档中的分区或节。div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 div，那么该标签的作用会变得更加有效。 section section 标签定义文档中的节。比如章节、页眉、页脚或文档中的其他部分。

4、article是一个特殊的section标签，它比section具有更明确的语义，它代表一个独立的、完整的相关内容块。article代表的内容可以被外部引用。例如：博客中的一篇文章，论坛中的一个帖子或者一段浏览者的评论等。如果元素的内容集中到一起显示可以表达相对独立完整的意思，那就可以定义成article。

5、html5的section和div用法区别为：对应内容不同、用途不同、来源不同。对应内容不同 section：每个section必须对应内容本身不同的主题。div：div可以对应内容本身相同的主题。用途不同 section：section用于元素内容被列在文档大纲中。div：div用于设置样式或脚本处理。

6、html5的新增的标签都是带有语义的，不光要从字面来说，还要从举例中来说。article 是独立的一块内容，比如一篇新闻，一篇文章，包含文章主旨，还可以包含辅助内容。section 类似div，不过比div更有意义，他是对内容进行分块。aside 字面就是侧边栏，跟内容相关的一些引用、内容。

Q2: html5中的div有一个:after起什么作用

1、大概的意思：：before创建了一个伪元素(跟伪造类类似，如：hover)，位置在第一个子元素的位置，常用用于通过content属性来设置一些装饰性的内容；这个元素的属性默认是inline的。：after也一样是伪元素，只不过位置是在子节点里面最后一个。

2、伪对象：after还有一个重要的用法--清除浮动。这种清除浮动的方法几乎成了一个固定的模式，很多大型网站里面都有用到。易于使用和修改 CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。

3、在代码中在放一个空的div标签，然后给这个标签设置clear：both来清除浮动对页面的影响。

4、在css标签中有这样子的标签div：before、div：after，对于before、after来说有部分人是相当陌生的，那么这两个标签是什么呢？有什么用处？ ：befor、：after是CSS的伪元素，用CSS手册可以查询到其基本的用法：E：before 设置在对象前（依据对象树的逻辑结构）发生的内容。

5、CSS 伪元素用于向某些选择器设置特殊效果。：after 伪元素可以在元素的内容之后插入新内容。

6、div：hover：after { content： \5D； right： -20px； }；以下为具体代码：DIV标签DIV标签，称为区隔标记。作用是设定字、画、表格等的摆放位置。当你把文字、图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。

Q3: html5里面新增的用于网页布局的标签有哪些

1、header：定义文档或区块的页眉，通常包含标题、导航和其他相关信息。nav：定义导航链接的容器，用于包裹网站的导航部分。section：定义文档的一个独立节或区块，用于组织相关的内容。article：定义一个独立的、完整的、可以独自分发或独立引用的内容块，如博客文章、新闻报道等。

2、section元素 ，表示页面中的一个内容区块，比如章节、页眉、页脚或页面的其他部分。可以和h h2……等元素结合起来使用，表示文档结构。例：HTML5中section…/section；HTML4中div ……/div。article元素 ，表示页面中一块与上下文不相关的独立内容。比如一篇文章。

3、新增的结构标签：header元素 表示页面中一个内容区块或真个页面的标题。hgroup元素 表示对真个页面或页面中的一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。

4、新增的结构标签：header元素 表示页面中一个区块或真个页面的标题。内hgroup元素 表示对真个页面或页面中的容一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。

5、html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。多媒体标记多媒体标记主要解决了以往通过Flash等进行视频的一些展示，新增的标记使HTML功能变得更加强大了。

Q4: div标签是什么意思

1、DIV标签应用于 Style Sheet(样式表)方面会更显威力，它最终目的是给设计者另一种组织能力，有 Class、Style、title、ID 等属性。div 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 div 固有的唯一格式表现。可以通过 div 的 class 或 id 应用额外的样式。

2、DIV是html标记，通常作为容纳其他元素的容器，当DIV以绝对定位方式定位时，可以视为“层” DIV是W3C HTML的标准元素。

3、div 标签定义 HTML 文档中的分隔（DIVision）或部分（section）。div属于web前端的学习内容，其中div 标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。div 可定义文档中的分区或节（division/section）。div 标签可以把文档分割为独立的、不同的部分。

4、DIV是HTML中的一个标签元素，称为区隔标记，DIV具有定义文档中的分区、节（division/section）的功能，可以将文档分割为独立的、不同的部分。DIV元素可以用作严格的组织工具，DIV的作用是设定字、画、表格等的摆放位置。在DIV中放置的文字、图像、别的内容，可以被称为“DIVblock”“DIVelement”等。

5、DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。1：定义 div 可定义文档中的分区或节（division/section）。div 标签可以把文档分割为独立的、不同的部分。

html5div标签的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于web div标签、html5div标签的信息别忘了在本站进行查找喔。