HTML常用文件成分

2019-05-03 22:39 来源:未知

HTML是超文本标志语言,它提供网页的具体内容,包蕴文件、表单、图像、表格、链接、多媒体、列表等。个中文本是大家相见的最多的展示内容。准确的选取文本标签,会使页面具有语义化,也便宜SEO。

HTML常用文件元素,

本文首发于个人微信公众号(xinjie-just)。

HTML是超文本标识语言,它提供网页的具体内容,包蕴文件、表单、图像、表格、链接、多媒体、列表等。个中文本是大家相见的最多的来得内容。准确的利用文本标签,会使页面具有语义化,也利于SEO。

文件标签主要包罗:abbr, address, strong, b, em, i, bdi, bdo, blockquote, cite, code, del, ins, s, dfn, kbd, mark, small, meter, pre, progress, q, sub, sup, time, span, var.

网页中并不一连利用 div 和 span 就够了。精确使用那个文件标签,使得我们的页面纵然未有 css 的情状下,也能好好的体现。另一方面,使用那些标签是为着写出外人能看得懂的代码,而不光是机械能看得懂,那也是本人从上学编程以来一贯在拼命的大势。

  1. abbr

    abbr 解释缩写词,鼠标悬停在其上时显示title属性值 WHO

图片 1

 

  1. address

    address 定义与 html 页面和页面一部分有关的作者、相关人士或组织的联系信息,通常位于页面底部或相关部分内 (用 address 标记公司网站 “联系我们” 中的办公地点,则是错误的用法),字体以斜体显示
    Written by Jon Doe.
    Visit us at:
    Example.com
    Box 564, Disneyland
    USA

图片 2

 

  1. strong

    strong 强调内容的重要性(重要程度),字体以粗体显示 stop and get out

图片 3

 

  1. b

    b 表示出于实用目的提醒读者注意的一块文字,不传达任何额外的重要性,也不代表其他的语态和语气,用于文章的关键词、评论中的产品名、文章导语、基于文本的交互式软件中的指示操作的文字

    他在感情上的愚钝就想门窗紧闭的屋子

图片 4

 

  1. em

    em 表示内容的着重点(唯一性),字体以斜体显示 I just love you

图片 5

 

  1. i

    i 表示一块不同于其他文字的文字,具有不同的语态或语气,或其他不同于常规之处,用于如技术名称、技术术语、外语中的惯用语、翻译的散文、西方文字中的船舶名称等 HTML,重构,wow,解忧杂货店,泰坦尼克号

图片 6

 

  1. bdi

    bdi 允许设置一段文本,使其脱离其父元素的文本方向设置。目前只有 Firefox 和 Chrome 浏览器支持

图片 7

 

  1. bdo

    bdo 定义文本的方向,ltr(从左到右为默认方向)
    This text will go left-to-right.
    This text will go right-to-left.

图片 8

 

  1. blockquote

    blockquote 表示单独存在的引述(可长可短)
    For 50 years, WWF has been protecting the future of nature. The world’s leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

图片 9

 

  1. cite

    cite 指明对某内容源的引用或参考。如:戏剧、脚本、图片的标题、歌曲、电影、照片、雕塑的名称、演唱会、音乐会、规范、报纸、法律文件(不能作为对人名的引用),字体以斜体显示

    你我都当过警务处长,自己人太懂礼貌,虚伪!这句话出自电影《寒战II》

图片 10

 

  1. code

    code 定义计算机代码文本 This is a piece of computer code: alert("这里有再次成为好人的路,Here is the way to be a good person again.")

图片 11

 

  1. del

    del 如果需要在前一个版本之后对页面内容的编辑标记出来,或者对不再准确、不再相关的文本进行标记。 ins 表示添加内容, del 表示删除内容, s 用来标记不再准确或不再相关的内容, 浏览器对删除的内容加删除线,对添加的内容加上下划线,对 s 元素添加删除线

    My favorite color is blue red!

图片 12

 

  1. ins

    ins 如果需要在前一个版本之后对页面内容的编辑标记出来,或者对不再准确、不再相关的文本进行标记。 ins 表示添加内容, del 表示删除内容, s 用来标记不再准确或不再相关的内容, 浏览器对删除的内容加删除线,对添加的内容加上下划线,对 s 元素添加删除线

    My favorite color is not blue, is red!

图片 13

 

  1. s

    s 如果需要在前一个版本之后对页面内容的编辑标记出来,或者对不再准确、不再相关的文本进行标记。 ins 表示添加内容, del 表示删除内容, s 用来标记不再准确或不再相关的内容, 浏览器对删除的内容加删除线,对添加的内容加上下划线,对 s 元素添加删除线

    You think I love you!

    As a matter of fact, I love her!

图片 14

 

  1. dfn

    dfn 短语标签,定义一个项目。对其做语义上的区分,用 dfn 包围要定义的术语,而不是包围定义

    There is a item, txhy APP

图片 15

 

  1. mark

    mark 用于提起读者对特定文本片段的注意,对文本添加黄色背景。可以在样式表中添加 mark{ background: yellow;} 让浏览器实现同样的效果

    Do not forget to buy milk today.

图片 16

 

  1. small(分外遍布,又便于用错或直接不选拔)

    small 免责声明、注解、署名、版权信息、法律限制等(标记短语,不要标记过长文字),字体以小字号显示

    example: 京公网安备11000002000001号(百度备案号)

图片 17

 

  1. pre

    pre 定义预格式文本
            给重要的人写信,一定要自己亲笔手写。
            别人认真问的问题,一定要认真回答。
    

图片 18

 

  1. q

    q 用于短的引述

    WWF's goal is to: Build a future where people live in harmony with nature.We hope they succeed.

图片 19

 

  1. sub

    sub 创建下标.下标文本将会显示在当前文本流中字符高度的一半为基准线的下方,但是与当前文本流中文字的字体和字号都是一样的

    我们知道,H2O分解将生成H2和O2

图片 20

 

  1. sup

    sup 创建上标。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方,但是与当前文本流中文字的字体和字号都是一样的

    时间就像海绵里的水,挤一挤总会有的[1]

图片 21

 

  1. time

    We open at every morning.

    I have a date on .

图片 22

 

  1. span

    span 同 div 同样,未有其余语义,只适合包围字词和短语。可对文书档案举行分离,然后增添适量的体裁。

    just 受 cting 影响,生活变得有趣多了

图片 23

 

  1. var

    定义变量 variable

图片 24

 

本文首发于个人微信公众号(xinjie-just)。 HTML是超文本标志语言,它提供网页的具体内容,包含文件、表单、图像、表格...

文件标签主要包括:abbr, address, strong, b, em, i, bdi, bdo, blockquote, cite, code, del, ins, s, dfn, kbd, mark, small, meter, pre, progress, q, sub, sup, time, span, var.

网页中并不总是采用 div 和 span 就够了。准确运用那几个文件标签,使得大家的页面纵然未有 css 的场地下,也能完美的彰显。另1方面,使用这么些标签是为了写出外人能看得懂的代码,而不只是机器能看得懂,那也是本身从学习编制程序以来一直在着力的取向。

  1. abbr

    abbr 解释缩写词,鼠标悬停在其上时显示title属性值 WHO

图片 25

 

  1. address

    address 定义与 html 页面和页面一部分有关的作者、相关人士或组织的联系信息,通常位于页面底部或相关部分内 (用 address 标记公司网站 “联系我们” 中的办公地点,则是错误的用法),字体以斜体显示
    Written by Jon Doe.
    Visit us at:
    Example.com
    Box 564, Disneyland
    USA

图片 26

 

  1. strong

    strong 强调内容的重要性(重要程度),字体以粗体显示 stop and get out

图片 27

 

  1. b

    b 表示出于实用目的提醒读者注意的一块文字,不传达任何额外的重要性,也不代表其他的语态和语气,用于文章的关键词、评论中的产品名、文章导语、基于文本的交互式软件中的指示操作的文字

    他在感情上的愚钝就想门窗紧闭的屋子

图片 28

 

  1. em

    em 表示内容的着重点(唯一性),字体以斜体显示 I just love you

图片 29

 

  1. i

    i 表示一块不同于其他文字的文字,具有不同的语态或语气,或其他不同于常规之处,用于如技术名称、技术术语、外语中的惯用语、翻译的散文、西方文字中的船舶名称等 HTML,重构,wow,解忧杂货店,泰坦尼克号

图片 30

 

  1. bdi

    bdi 允许设置一段文本,使其脱离其父元素的文本方向设置。目前只有 Firefox 和 Chrome 浏览器支持

图片 31

 

  1. bdo

    bdo 定义文本的方向,ltr(从左到右为默认方向)
    This text will go left-to-right.
    This text will go right-to-left.

图片 32

 

  1. blockquote

    blockquote 表示单独存在的引述(可长可短)
    For 50 years, WWF has been protecting the future of nature. The world’s leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

图片 33

 

  1. cite

    cite 指明对某内容源的引用或参考。如:戏剧、脚本、图片的标题、歌曲、电影、照片、雕塑的名称、演唱会、音乐会、规范、报纸、法律文件(不能作为对人名的引用),字体以斜体显示

    你我都当过警务处长,自己人太懂礼貌,虚伪!这句话出自电影《寒战II》

图片 34

 

  1. code

    code 定义计算机代码文本 This is a piece of computer code: alert("这里有再次成为好人的路,Here is the way to be a good person again.")

图片 35

 

  1. del

    del 如果需要在前一个版本之后对页面内容的编辑标记出来,或者对不再准确、不再相关的文本进行标记。 ins 表示添加内容, del 表示删除内容, s 用来标记不再准确或不再相关的内容, 浏览器对删除的内容加删除线,对添加的内容加上下划线,对 s 元素添加删除线

    My favorite color is blue red!

图片 36

 

  1. ins

    ins 如果需要在前一个版本之后对页面内容的编辑标记出来,或者对不再准确、不再相关的文本进行标记。 ins 表示添加内容, del 表示删除内容, s 用来标记不再准确或不再相关的内容, 浏览器对删除的内容加删除线,对添加的内容加上下划线,对 s 元素添加删除线

    My favorite color is not blue, is red!

图片 37

 

  1. s

    s 如果需要在前一个版本之后对页面内容的编辑标记出来,或者对不再准确、不再相关的文本进行标记。 ins 表示添加内容, del 表示删除内容, s 用来标记不再准确或不再相关的内容, 浏览器对删除的内容加删除线,对添加的内容加上下划线,对 s 元素添加删除线

    You think I love you!

    As a matter of fact, I love her!

图片 38

 

  1. dfn

    dfn 短语标签,定义一个项目。对其做语义上的区分,用 dfn 包围要定义的术语,而不是包围定义

    There is a item, txhy APP

图片 39

 

  1. mark

    mark 用于提起读者对特定文本片段的注意,对文本添加黄色背景。可以在样式表中添加 mark{ background: yellow;} 让浏览器实现同样的效果

    Do not forget to buy milk today.

图片 40

 

  1. small(非平时见,又便于用错或间接不利用)

    small 免责声明、注解、署名、版权信息、法律限制等(标记短语,不要标记过长文字),字体以小字号显示

    example: 京公网安备11000002000001号(百度备案号)

图片 41

 

  1. pre

    pre 定义预格式文本
            给重要的人写信,一定要自己亲笔手写。
            别人认真问的问题,一定要认真回答。
    

图片 42

 

  1. q

    q 用于短的引述

    WWF's goal is to: Build a future where people live in harmony with nature.We hope they succeed.

图片 43

 

  1. sub

    sub 创建下标.下标文本将会显示在当前文本流中字符高度的一半为基准线的下方,但是与当前文本流中文字的字体和字号都是一样的

    我们知道,H2O分解将生成H2和O2

图片 44

 

  1. sup

    sup 创建上标。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方,但是与当前文本流中文字的字体和字号都是一样的

    时间就像海绵里的水,挤一挤总会有的[1]

图片 45

 

  1. time

    We open at every morning.

    I have a date on .

图片 46

 

  1. span

    span 同 div 同样,未有别的语义,只适合包围字词和短语。可对文书档案举办分离,然后加多适量的样式。

    just 受 cting 影响,生活变得有趣多了

图片 47

 

  1. var

    定义变量 variable

图片 48

 

TAG标签: 韦德娱乐1946
版权声明:本文由韦德娱乐1946_韦德娱乐1946网页版|韦德国际1946官网发布于韦德娱乐1946网页版,转载请注明出处:HTML常用文件成分