`
qmug
  • 浏览: 201556 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

HTML <div> 标签

    博客分类:
  • JSP
阅读更多
HTML <div> 标签
定义和用法
<div> 可定义文档中的分区或节(division/section)。
HTML 与 XHTML 之间的差异
在 HTML 4.01 中,div 元素的 "align" 属性不被赞成使用。

在 XHTML 1.0 Strict DTD 中,div 元素的 "align" 属性不被支持。
提示和注释:
注释:浏览器通常会在 div 元素前后放置一个换行符。

提示:请使用 <div> 元素来组合块级元素,这样就可以使用样式对它们进行格式化。
例子
<body>

 <h1>The meaning of life</h1>
  <p>By Huntington B. Snark</p>

 <div>
  <h2>What do I mean by "life"</h>
  <p>....</p>
 </div>

 <div>
  <h2>What do I mean by "mean"?</h>
  ...
 </div>

 ...
</body>
  • 可选的属性
    属性 值 描述 DTD
    align left
    right
    center
    justify


如果排列 div 元素中的文本。不赞成使用。请使用样式取而代之。 TF
标准属性
id, class, title, style, dir, lang, xml:lang如需完整的描述,请访问标准属性。
事件属性
onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
分享到:
评论

相关推荐

    HTML 5提供了一些新的元素和属性,反映典型的现代用法网站。其中有些是技术上类似<div>和<span>标签,但有一定含义,例如<nav>(网站导航块)和<footer>。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能,通过一个标准接口,如<audio>和<video>标记。[3]

    其中有些是技术上类似&lt;div&gt;和&lt;span&gt;标签,但有一定含义,例如&lt;nav&gt;(网站导航块)和&lt;footer&gt;。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能,通过一个标准接口...

    【前端】<div>的排版练习【HTML+CSS+JavaScript(JS)】

    `&lt;div&gt;`标签是HTML中的一种块级元素,它允许开发者创建一个独立的区块,可以包含其他HTML元素。在描述中未提供具体的HTML代码示例,但通常我们会为`&lt;div&gt;`设置ID或类名,以便在CSS中对其进行样式定义。 接着,我们...

    百度编辑器ueditor上传图片视频以及div去掉P标签

    【描述】:“解决了p标签替换div标签,解决了上传图片以及上传视频带有p标签的问题”意味着开发者或使用者已经找到了方法,使得在ueditor中插入图片和视频后,不再会自动包裹`&lt;p&gt;`标签,而是用`&lt;div&gt;`标签来代替。...

    object标签遮罩问题

    在使用`&lt;object&gt;` 标签的过程中,特别是在Internet Explorer (IE) 浏览器中,会遇到一个常见的问题——即`&lt;object&gt;` 标签可能会覆盖其他的HTML元素,比如 `&lt;div&gt;`。这是因为IE将 `&lt;object&gt;` 视为一种“窗口化”元素...

    JQUERY选择器 id选择器<br> 2)  $('.class')  css选择器,class类名<br>

    6) $('div p') 层次选择器,常用的选择器,例如div下面的p标签&lt;br&gt; &lt;hr&gt; 7) $('div&gt;p') 与上一个层次选择器差不多,但是div下面有子元素,子元素下还有孙元素,该选择器只能选子元素&lt;br&gt; &lt;hr&gt; 8) $('div+p') 该...

    HTML5 对各个标签的定义与规定:section

    ### HTML5中的&lt;section&gt;标签详解 #### 一、引言 在HTML5中,为了更好地组织和呈现网页内容,引入了一系列新的语义化标签,其中`&lt;section&gt;`标签是一个非常重要的组成部分。它不仅有助于提高网页的可读性和可维护性...

    网页Object标签遮盖DIV标签解决方法

    `&lt;Object&gt;`标签在HTML中用于嵌入外部资源,如Flash、PDF或其他插件,而`&lt;div&gt;`标签则常用于创建页面上的容器或布局元素。当这两个标签在同一页面上相遇时,如果没有正确处理,`&lt;Object&gt;`标签可能会覆盖`&lt;div&gt;`标签的...

    JavaScript正则表达式匹配 div style标签

    var htmlString = '&lt;div&gt;这是一个div标签的内容。&lt;style&gt;这是style标签中的样式。&lt;/style&gt;&lt;/div&gt;'; // 正则表达式匹配&lt;div&gt;标签及其内容 var divRegex = /&lt;div&gt;[\s\S]*?&lt;\/div&gt;/g; var divMatch = divRegex.exec...

    HTML—div例子

    在HTML中,`&lt;div&gt;`标签是一个无语义的元素,它的主要作用是通过CSS来定义样式和布局。下面我们将详细探讨`&lt;div&gt;`元素及其在网页设计中的应用。 首先,`&lt;div&gt;`标签的基本语法是: ```html &lt;div&gt;内容&lt;/div&gt; ``` 在这...

    html中div不自动换行、强制不换行的具体实现

    1.用&lt;nobr&gt;标签实现不换行 复制代码代码如下: &lt;div&gt;Hello world!&lt;nobr&gt; Hello world!&lt;nobr&gt;&lt;/div&gt; 2.用&lt;用nowrap元素&gt;标签 复制代码代码如下: &lt;div&gt;Hello world! Hello world! Hello world! Hello world!&lt;/...

    给表格和层做链接,无A标签

    在网页设计与开发的过程中,有时候我们需要为非传统的HTML元素(如表格、层等)添加链接功能,但又不希望使用标准的`&lt;a&gt;`标签来实现。这种情况下的需求较为特殊,因为传统上我们都是通过`&lt;a&gt;`标签来创建链接。下面...

    html个人主页,共五个页面

    - 个人主页通常使用布局技术来组织内容,如表格(`&lt;table&gt;`)、div元素(`&lt;div&gt;`)或CSS Flexbox和Grid。 - CSS(Cascading Style Sheets)用于控制页面样式和布局,通过`&lt;style&gt;`标签内联定义或外部引用`&lt;link&gt;`...

    html div的运用

    在这个“花店”示例中,我们可以推测这个静态网页利用了`&lt;div&gt;`标签来组织页面结构,可能包括商品展示、导航菜单、购物车等功能区域。 1. `&lt;div&gt;`元素的定义: `&lt;div&gt;`是一个无语义的块级元素,通常用于创建较大的...

    HTML:div+css标签

    `div` 标签(&lt;div&gt;)是一个通用容器,用于组织和分组HTML元素,它可以包裹任何数量的其他元素,通过CSS来定义其样式,如位置、尺寸和布局。`div` 的主要用途是进行页面布局,例如创建响应式设计或者将页面划分为多个...

    js使用循环清空某个div中的input标签值

    &lt;div class=col-xs-9 id=search_songs_a&gt; &lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;th&gt;钢琴曲名称:&lt;/th&gt; &lt;td&gt;&lt;input type=text name=info[gqq_name] id=gqq_name style=width:200px;/&gt;&lt;/td&gt; &lt;th xss=removed&gt;演奏者:&lt;/th&gt; &lt;td...

    HTML DIV下载为图片 JS下载IDV为图片下载例子(亲测有效)

    首先,我们要理解HTML的`&lt;div&gt;`标签。`&lt;div&gt;`是“文档分隔符”的缩写,它是一个无语义的容器元素,用于组合其他HTML元素,可以设置样式、布局和位置,常用于构建网页结构。 要将`&lt;div&gt;`转换为图片,我们可以利用...

    DIV+CSS网页布局基础-常用HTML标签介绍.rar

    7. **容器与布局标签**:`&lt;header&gt;`,`&lt;footer&gt;`,`&lt;nav&gt;`,`&lt;section&gt;`,`&lt;article&gt;`等HTML5新增标签,用于组织网页的结构,提高语义化。 8. **表单标签**:`&lt;form&gt;`用于创建表单,`&lt;input&gt;`定义输入字段,`...

    div常用标签

    在网页设计中,`div`...随着HTML5的普及,许多旧的或非语义化的标签已经被新的、更语义化的标签替代,如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;section&gt;`等,学习和使用这些新标签可以使网页结构更加清晰,利于SEO和无障碍访问。

    VUE解决 v-html不能触发点击事件的问题

    背景:后端返前端html格式的数据,前端用v-html解析渲染,如:&lt;a&gt;&lt;/a&gt;,a标签能成功渲染,但其绑定的事件无法触发。 原因:vue没有将其作为vue的模板解析渲染 解决方案:不用v-html而是component模板编译 上干货: ...

    html-DIV-demo.rar_DIV CSS美观_DIV DEMO html_demo html div_div de

    总的来说,"html-DIV-demo"压缩包提供了一个实战示例,帮助初学者和有经验的开发者更好地理解和应用HTML的`&lt;div&gt;`标签及CSS来构建美观的网页。通过解析和学习这个示例,你可以提升你的网页设计技能,掌握如何创建...

Global site tag (gtag.js) - Google Analytics