div标签,内容分区元素

帆 2024-08-19 0 阅读 0 评论

  html元素是流内容的通用容器。除非使用css以某种方式设置样式(例如,直接对其应用样式,或对其父元素应用某种布局模型(如Flexbox ),否则它对内容或布局没有影响)。

  HTML<div>标签表示 HTML 文档中的通用部分。该<div>标签使您可以将 HTML 元素的部分组合在一起并使用 CSS 对其进行格式化。元素<div>与元素类似<span>,但是<span>元素与内联元素一起使用,而<div>元素与块级元素一起使用。

  该<div>元素接受“流内容”,指的是可以出现在文档正文内的大多数元素。

  <div>只有在没有其他合适的 HTML 元素可用时,才应将 用作最后的手段。HTML5 引入了许多可以(并且应该)代替 的新元素。<div>这些元素包括<article>、<aside>、<header>和<footer>等。

  作为“纯”容器,元素<div>本身并不代表任何东西。相反,它用于对内容进行分组,以便使用class或id属性轻松设置样式,将文档的某一部分标记为以不同语言编写(使用 属性lang),等等。

  标签<div>的写法为<div></div>在开始和结束标签之间插入通用内容。

  <div>
  <p>
  此处可包含任何类型的内容。例如 &lt;p&gt;、&lt;table&gt;。任您选择!
  </p>
  </div>

  无障碍设施

  该<div>元素具有隐式角色generic,而不是无。这可能会影响某些 ARIA 组合声明,这些声明需要具有特定角色的直接后代元素才能正常运行。

  嵌入和外部样式

  还可以使用嵌入样式或外部样式表来设置元素的样式。

  嵌套<div>元素

  可以将<div>元素嵌套在一起。每个元素都可以应用不同的样式。

  该<div>元素没有属性。

  全局属性

  以下属性是所有 HTML 元素的标准属性。因此,您可以将这些属性与 标签<div>以及所有其他 HTML 标签一起使用。

  accesskey

  autocapitalize

  class

  contenteditable

  data-*

  dir

  draggable

  hidden

  id

  inputmode

  is

  itemid

  itemprop

  itemref

  itemscope

  itemtype

  lang

  part

  slot

  spellcheck

  style

  tabindex

  title

  translate

  有关这些属性的完整解释,请参阅HTML 5 全局属性。

  事件处理程序

  事件处理程序内容属性可让您从 HTML 中调用脚本。当发生某个“事件”时,将调用该脚本。每个事件处理程序内容属性处理不同的事件。

  onabort

  onauxclick

  onblur

  oncancel

  oncanplay

  oncanplaythrough

  onchange

  onclick

  onclose

  oncontextmenu

  oncopy

  oncuechange

  oncut

  ondblclick

  ondrag

  ondragend

  ondragenter

  ondragexit

  ondragleave

  ondragover

  ondragstart

  ondrop

  ondurationchange

  onemptied

  onended

  onerror

  onfocus

  onformdata

  oninput

  oninvalid

  onkeydown

  onkeypress

  onkeyup

  onlanguagechange

  onload

  onloadeddata

  onloadedmetadata

  onloadstart

  onmousedown

  onmouseenter

  onmouseleave

  onmousemove

  onmouseout

  onmouseover

  onmouseup

  onpaste

  onpause

  onplay

  onplaying

  onprogress

  onratechange

  onreset

  onresize

  onscroll

  onsecuritypolicyviolation

  onseeked

  onseeking

  onselect

  onslotchange

  onstalled

  onsubmit

  onsuspend

  ontimeupdate

  ontoggle

  onvolumechange

  onwaiting

  onwheel

本文来源:重庆seo博客

本文地址:https://focusonseo.cn/htmlbiaoqian/169.html

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。