在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的事件属性。


参考技术A

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>是啥意思的主要内容,如果未能解决你的问题,请参考以下文章

jquery中修改了元素的html后无法触发事件

html中,dl,dt,dd怎么使用

嵌套 html dl dt dd

html中,dl和dd和dt标签是啥意思,啥时候需要用到它们

Datepicker 不显示日期格式 MM/DD/YYYY 角度 4

html代码里有啥标签用法跟dl,dt,dd一样?