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
分享到:
相关推荐
其中有些是技术上类似<div>和<span>标签,但有一定含义,例如<nav>(网站导航块)和<footer>。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能,通过一个标准接口...
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 格式就是: <script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"></script> src里面的内容根据自己的下载的Vue.js的...
6) $('div p') 层次选择器,常用的选择器,例如div下面的p标签<br> <hr> 7) $('div>p') 与上一个层次选择器差不多,但是div下面有子元素,子元素下还有孙元素,该选择器只能选子元素<br> <hr> 8) $('div+p') 该...
<section>标签是 HTML 5 中的新标签。 W3C定义为: <section> 标签定义文档中的节(section)。比如章节、页眉、页脚或文档中的其他部分。 section元素标签用来表现普通的文档内容或应用区块。一个section通常由...
1.用<nobr>标签实现不换行 复制代码代码如下: <div>Hello world!<nobr> Hello world!<nobr></div> 2.用<用nowrap元素>标签 复制代码代码如下: <div>Hello world! Hello world! Hello world! Hello world!</...
3.0 区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> 引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩) 强调 <EM></EM> (通常会以斜体显示) 特别强调 <STRONG></STRONG> (通常会以加粗显示) ...
背景:后端返前端html格式的数据,前端用v-html解析渲染,如:<a></a>,a标签能成功渲染,但其绑定的事件无法触发。 原因:vue没有将其作为vue的模板解析渲染 解决方案:不用v-html而是component模板编译 上干货: ...
<div class=col-xs-9 id=search_songs_a> <table> <tbody> <tr> <th>钢琴曲名称:</th> <td><input type=text name=info[gqq_name] id=gqq_name style=width:200px;/></td> <th xss=removed>演奏者:</th> <td...
语义化标签优点:为了在没有CSS的情况下,页面也能呈现出很好的内容结构比<div>标签有更加丰富的含义,方便开发与维护方便其他设备解析(移动设备等)有利于合作,遵守W3C标准HTML5语义化标签<article>标签<article>...
(3)大多数HTML标记都可以嵌套在<div>标记中,<div>中还可以嵌套多层<div>。 (4)可以替代大多数的块级文本标记。 div标记定义: div标记 (1)div是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,...
如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的...<div id=box> <span>span</span> <div> <span>span</span> <a> <span>1</span> </a> </div> <div> <a> <spa
发生异常时,异常周围信息(抛出对象本身类型)-------------异常处理程序<BR><BR>12.5一个异常处理的简单实例:除数为0<BR><BR>需求:使用一个小应用程序,完成两数相除的计算<BR><BR><BR><BR><BR><BR><BR><BR><BR>...
标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。 <h1> 定义最大的标题。<h6> 定义最小的标题。 2 <hr>将输出一条水平线 文档中的文字格式化标记 字体标记<font> 字符格式化标记<b>、<i>、<u>、<sub>、<sup>,...
添加内容:在<body>标签中,使用各种HTML元素(如<h1>到<h6>, <p>, <div>, <a>, <img>等)添加内容。 2. CSS (Cascading Style Sheets) CSS用于描述网页的外观和格式。 内联样式:直接在HTML元素中使用style...
人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说,就是直接用作替代品(用于样式)。在XHTML或者HTML4中,我们常看到这样的代码: <!-- HTML 4-style code --> <div id=...
<p>把你的10个技能标签加在你的个人资料上</p> </div> <div class="tagCon clearfix" id="tagcon"> </div> <div class="addBox clearfix" id="addBox"> <input class="" type="text"> <button>添加</...
2.5. <div>标签:自定义块 10 2.6. <header>标签:定义头部区域 11 2.7. <footer>标签:定义底部区域 12 2.8. <section>标签:定义区段 12 2.9. <aside>标签:定义侧边栏区域 13 3. HTML5效果标签 14 3.1. <br>标签...