不已再是少年

HTML学习:配置liveServer,实体以及meta标签

配置liveServer:

作用:实时运行网页,实现代码与网页的同步运行。

liveserver配置:在搜索框中搜索liveserver点击下载

作业:6,下载liveserver

           7,尝试通过live server来与运行网页

           8,设置代码自动储存

实体:

  <!--  
    在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格
     在HTML中有时候,我们不能直接书写一些特殊符号,比如字母两侧的大于和小于号
    如果我们要在网页中书写这种特殊的符号,则需要使用html中的实体(转义字符)
    实体的语法:
        &实体的名字;
            &nbsp;  空格
            &gt;  大于号
            &lt;  小于号
            &copy;版权符号    
-->
更多的实体代码可以去W3C官网查找

meta标签:

    <meta charset="UTF-8">
   <!--  
       meta主要用于设置网页中的一些元数据,元数据不是给用户看的
                charset 指定网页的字符集
                name    指定的数据的名称
                content  指定的数据的内容
                keywords 表示网站的关键词.可以同时指定的多个关键词,用逗号隔开
                <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东">
                <meta name="description" content="京东JD.COM-专业的综合网上购物商城,为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家,囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类,满足各种购物需求。">
                descrtiption 用于网站的描述   网站的描述会显示在搜索引擎的搜索的结果中

                title标签的内容会作为搜索结果的超链接上的文字显示
    -->
    <meta name="keywords" content=""HTML5,前端,css3>
    <meta name="description">
    <meta http-equiv="refresh" content="3;url=https://www.baidu.com/">
    <!-- 用来跳转到另一个网站 -->

 

 

posted on 2021-12-13 16:42  不已再是少年  阅读(203)  评论(0编辑  收藏  举报