在html语言中<dd></dd>是啥意思
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在html语言中<dd></dd>是啥意思相关的知识,希望对你有一定的参考价值。
<dd>标签用来在描述列表里对术语或名字进行描述.
<dd>标签和<dl>标签(定义描述列表)和<dt>标签(定义描述项或名字)结合使用.
在<dd>标签里,你可以放段落,换行,图片,链接,列表等等.
例子:一个描述列表,描述项和描述信息:
<dl>
<dt>咖啡</dt>
<dd>黑色的热饮料</dd>
<dt>牛奶</dt>
<dd>白色的冷饮料</dd>
</dl>
扩展资料
html语言不同版本<dd>的定义
在HTML4.01中,<dd>标签被用来描述一个定义列表中的条目。
在HTML5中,<dd>标签被用来描述一个描述列表的项目/名字。
全局属性<dd>标签支持HTML的全局属性。
事件属性<dd>标签支持HTML的事件属性。
html中,dl和dd和dt标签,这个三个标签有着不可忽视的作用。它们的用途是:
< dl>< /dl>用来创建一个普通的列表,
< dt>< /dt>用来创建列表中的上层项目,
< dd>< /dd>用来创建列表中最下层项目,
< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间
例子:
<html><head>
<title>列表</title>
</head>
<body text="blue">
<dl>
<dt>中国城市</dt>
<dd>北京 </dd>
<dd>上海 </dd>
<dd>广州 </dd>
<dt>美国城市</dt>
<dd>华盛顿 </dd>
<dd>芝加哥 </dd>
<dd>纽约 </dd>
</dl>
</body>
</html>本回答被提问者和网友采纳 参考技术B <dl>
<dd>这里定义一个标题</dd>
<dt>这里是对标题的解释</dt>
</dl>
dl是定义列表标签,可以运行一下看看效果 参考技术C <dl>
<dt>一、练习一</dt>
<dd>1.第一题</dd>
<dd>2.第二题<</dd>
.
.
.
</dl>
是自定义列表中的最下层项目。 参考技术D
HTML dd标签详解
html模板引擎jade的使用
jade语法: #{xxx} //嵌入数据 p= xxx //嵌入数据 p #{xx} //嵌入数据 标签 html // 翻译为<html></html> div#test // <div id="test"></div> div.bb-dd // <div class="bb-dd"></div> div#bb.aa.cc //也可以的,类似emmet的语法 #content .item // <div id="content"><div class="item"></div></div> p 啊噢! // <p>啊噢!</p> p | foo bar baz | rawr rawr | go jade go //输出大段文本内容 <p>foo bar baz rawr.....</p> 输出 #{}转义 p \#{something} // <p>#{something}</p> 输出 \ 使用//不转义执行script - var html = "<script>console.log(‘oo‘); $(function(){console.log(‘ye‘);});</script>" | !{html} //执行js script | console.log(‘yy‘); | console.log(‘dd‘); 或者 script. console.log(‘aa‘); console.log(‘bb‘); console.log(‘cc‘); function add(a,b){ return a+b; } add(1,3); //引入css文件 link(rel=‘stylesheet‘, href=‘/stylesheets/style.css‘) script(src=‘/jquery.js‘) 注释: //just some paragraphs 单行注释 解释渲染为 <!-- just some paragraphs --> 不输出到最终html文件的注释 //- will not output within markup //条件输出 注意缩进 - var friends = 10 case friends when 0 p 没有盆友 when 1 p 你有1个盆友 when default p 你有#{friends}个盆友 //或者这样 - var arr = 0 case friends when 0: p 没有盆友 when 1: p 你有1个盆友 //元素多个属性 input(name=‘user[name]‘ autofocus=‘autofocus‘) //或者用逗号 input(type="checkbox", checked) a标签 a(href=‘/user/‘ + user.id)= user.name 或者 a(href=‘/user/#{user.id}‘)= user.name class 属性是一个特殊的属性,你可以直接传递一个数组,比如 bodyClasses = [‘user‘, ‘authenticated‘] : body(class=bodyClasses) 文档类型 !!! 5 或者 !!! html 或者 doctype html 执行代码 ,逻辑控制 jade支持三种类型的可执行代码 1. 前缀 -, 这是不会被输出的 - var foo = ‘bar‘; - for (var key in obj) //条件或循环 p= obj[key] - if (foo) ul li yay li foo li worked - else p oh no! didnt work - if (items.length) ul - items.forEach(function(item){ li= item - }) 2.前缀一个= 返回一个值 - var foo = ‘bar‘ = foo h1= foo // = 输出的代码默认是转义的,如果想直接输出不转义的值可以使用 != if, else if, else, until, while, unless 它们是普通的javascript代码 同时 Jade 还是支持了一些特殊的标签,它们可以让模板更加易于理解,其中之一就是 each 循环: 语法 each VAL[, KEY] in OBJ - var items = ["one", "two", "three"] each item in items li= item //带上索引 each item, i in items li #{item}: #{i} 键值对 - var obj = { foo: ‘bar‘ } each val, key in obj li #{key}: #{val} - var foo = {one:11,two:22,three:33} each val,key in foo p #{key} span #{val} for user in users for role in user.roles li= role 条件语句: for user in users if user.role == ‘admin‘ p #{user.name} is an admin else p= user.name for user in users - if (user.role == ‘admin‘) p #{user.name} is an admin - else p= user.name 模板继承: block xxx 在子模板中实现 子模板中继承时 使用 extends xxx 指定 实现block时默认会替换block 块 也可以使用 block append 或 block prepend 在块的前面或者后面追加 包含 使用 include xxx/xx 比如: ./layout.jade ./includes/ ./head.jade ./tail.jade 此时layout.jade html include includes/head body h1 My Site p Welcome to my super amazing site. include includes/foot 或者给定后缀扩展名 html head //- css and js have simple filters that wrap them in <style> and <script> tags, respectively include stylesheet.css
以上是关于在html语言中<dd></dd>是啥意思的主要内容,如果未能解决你的问题,请参考以下文章
html中,dl和dd和dt标签是啥意思,啥时候需要用到它们