HTML_实体、meta标签

风之舞_yjf

已于 2022-03-12 17:24:26 修改

阅读量184

点赞数

分类专栏： HTML 文章标签： html html5 前端

于 2021-05-26 16:27:19 首次发布

本文链接：https://blog.csdn.net/no15870678621/article/details/117293904

版权

HTML 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

html实体

在html中有些时候，我们不能直接书写一些特殊符号。比如多个连续的空格，比如字母两侧的大于和小于号
如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体(转义字符)
实体的语法：
&实体的名字：
&nbsp：(Non-Breaking Space)不换行空格
   &gt：(greater than)大于号
   &lt：(less than)小于号
   &copy：(Copyright)版权符号，禁止复制

<html> 
    <head>
        <meta charset="utf-8">
        <title>html实体</title>
    </head>
    <body>
          <h2>&nbsp;&nbsp;静夜思</h2>
          <h4>&nbsp;&nbsp;作者:李白</h4>
          床前明月光，疑是地上霜。<br>
          举头望明月，低头思故乡。<br>

        <br>数学计算：如果整数x&lt;10且x&gt;8，求x的值？
    </body>
</html>

更多实体参考W3C中html-实体查看。

meta标签

meta主要用于设置网页中的一些元数据，元数据不是给用户看，给浏览器/搜索引擎解析的
charset：指定网页的字符集
name：指定数据的名称
content：指定数据的内容
keywords：表示网站的关键字，可以同时指定多个关键字，关键字间使用,隔开。
decription：用于指定网站的描述。网站的描述会显示在搜索引擎的搜索结果。
http-equiv="refresh" content="3;url=https://www.baidu.com"将页面重定向到另一个网站。

<!DOCTYPE html>
<!-- 显示语言为中文，浏览器加载后不需要翻译 -->
<html lang="zh">
<head>
    <meta charset="utf8" version='1'/>
    <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta name="description"
          content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"/>
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>
    <!-- 隔三秒后跳转到百度网站 -->
    <meta http-equiv="refresh" content="3;url=https://www.baidu.com">
</head>
<body>
</body>
</html>

补充： title标签的内容会作为搜索结果的超链接上的文字显示

风之舞_yjf

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML_实体、meta标签

html实体在html中有些时候，我们不能直接书写一些特殊符号。比如多个连续的空格，比如字母两侧的大于和小于号如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体(转义字符)实体的语法： &实体的名字： &nbsp：(Non-Breaking Space)不换行空格 &gt：(greater than)大于号 &lt：(less than)小于号 &copy：(Copyright)版权符...
复制链接

扫一扫