HTML元素详解-优快云博客

本文链接：https://blog.youkuaiyun.com/JEFF_luyiduan/article/details/107441616

本文深入解析了HTML中的多种元素，包括缩写词、时间、引用文本、大段引用、换行和分割等，以及如何通过meta元素进行搜索引擎优化，还介绍了链接外部资源的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其他元素

其他元素

其他元素

abbr

缩写词

    <p>
        <abbr title="cascading style sheet">CSS</abbr> 是用于为页面添加样式
    </p>

time

提供给浏览器或收缩引擎阅读的时间

    <p>
        <time datetime="2020-6-22">今年六月</time>  我......
    </p>

b (bold)

以前是一个无语义元素，主要用于加粗字体

一小段引用文本

    <p>
        我们学校最受欢迎的两门课程是 <q cite="https://www.baidu.com" >HTML和CSS</q>、<q> JS</q>
    </p>

cite属性的链接，主要是给浏览器和搜索引擎看的，利用搜索引擎优化

blockquote

大段引用的文本

     <p>
        <blockquote cite="https://developer.mozilla.org/zh-CN/" >源于开发者，服务开发者。</blockquote>
    </p>

cite属性的链接，主要是给浏览器和搜索引擎看的，利用搜索引擎优化

无语义
主要用于在文本中换行

    <p>
        收获地址：<br/>
        中国浙江省<br/>
        杭州市<br/>
        西湖区<br/>
        XXX街XXX号
    </p>

无语义
主要用于分割

meta

    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="在线商城，美容，微整形">
    <title>Document</title>
</head>

meta元素给搜索引擎看的，有利于搜索引擎优化(SEO)

   <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="keywords" content="在线商城，美容，微整形">
   <meta name="author" content="xieyuzhi,sfasdfjlsjdfj@qq.com">
   <title>Document</title>
</head>

name=“author” 表明网站开发的作者及联系方式，同样的也是给搜索引擎看的

    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="在线商城，美容，微整形">
    <meta name="author" content="xieyuzhi,sfasdfjlsjdfj@qq.com">
    <meta name="description" content="sjdlfslkgfosdogjosdjlfjsdlfjgiosdjgolasdjfljsd">
    <title>Document</title>
</head>

name=“description” 描述该网站的信息，一般在百度里面搜索到的页面，左边都会有对网站的文字信息的描述。

link

链接外部资源(CSS, 图标)

rel属性： relation，链接的资源和当前网页的关系

type属性：链接的资源的MIME类型(在link标签中type属性可以省略不写)

    <link rel="stylesheet" type="text/css" href="./demo.css">

给浏览器加icon

    <link rel="icon" href="./favicon.ico">