前端日记-乱码问题,常用标签,实体(转义字符串)

时间:2019-09-16
本文章向大家介绍前端日记-乱码问题,常用标签,实体(转义字符串),主要包括前端日记-乱码问题,常用标签,实体(转义字符串)使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

乱码问题

一句话,保存文件时用什么字符编码,打开时就用什么字符编码。

但是,我们每次都要去浏览器里面改,即使你这次改掉了,因为是中文浏览器,下次还是会默认为GBK编码,所以我们有一个办法,就是在你的HTML里面开头就声明好,你的是什么编码类型,让浏览器自动调整适应。

<!doctype html>
<html>
    <head>
        <!--
        需要来告诉浏览器,网页所采用的编码字符集
        meta标签是用来设置网页的一些元数据,比如网页的字符集,关键字、简介
        meta是一个自结束标签,编写一个自结束标签时,可以在开始标签中添加 一个/
        -->
        <meta charset="gb2312" />
        <title>这是啊字的第一个网页</title>
    </head>
    <body><h1>这是啊字的第一个网页</h1></body>
</html>

解释都给你们写好了

常用的标签

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>常用的标签</title>
    </head>
    <body>
        <!--
            标题标签
                -在HTML中,一共有六级标题标签
                h1 ~ h6
                在显示效果上h1最大,依次变小,h6最小,但是文字的大小我们并不关心,
                这都是后期CSS的工作
                使用HTML标签的时候,关心的是标签的语义,我们使用的标签都是语义化标签
                6级标题中,h1是最重要的,表示一个网页中的主要内容,后面的重要性依次降低。
                    对于搜索引擎来说,h1的重要性仅次于title,搜索引擎检索玩title之后,会立即查看h1中的内容
                        h1标签非常重要,他会影响到页面在搜索引擎中的排名,页面只能写一个h1
                        一般页面中标签体标签只使用h1 h2 h3,在h3之后的基本不用,重要性和body标签的内容差不多了。
        -->
        <h1>一级标题</h1>
        <h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>
        
        <!--
            段落标签,段落标签用于表示内容中的一个自然段,
            使用p标签来标识一个段落
            
            p标签中的文字,默认会独占一行,并且段与段之间会有一个间距
        -->
        <p>我是一个p标签,我用来表示一个段落</p>
        <p>我是一个p标签,我用来表示一个段落</p>
        <p>我是一个p标签,我用来表示一个段落</p>
        
        <!--
            在HTML中,字符之间写再多的空格浏览器也会当成一个空格解析,
                换行就是很多很多个空格,所以也会当成一个空格解析
            在页面中可以使用br标签来表示一个换行,br标签是一个自结束标签
        -->
        <p>
            锄禾日当午,<br />
            汗滴禾下土。<br />
            谁知盘中餐,<br />
            粒粒皆辛苦。<br />
        </p>
        
        <!--
            hr标签也是一个自结束标签,可以在页面中生成一条水平线。
        -->
        <hr />
    </body>
</html>

实体

<!doctype html>
<html>
    <head>
        <meta charset="gb2312" />
        <title>实体</title>
    </head>
    <body>
        <!--
            在HTML中,一些如 < >这种的特殊字符是不能直接使用的,
                需要使用一些特殊的符号来表示这些特殊字符,这些特殊符号我们称之为实体,
                也可以称之为转义字符串
                浏览器解析到实体的时候,会自动将实体转换为其对应的字符
            实体的语法:(在&和;之间加上实体的名字)
                &实体的名字;
                    <   $lt;
                    >   &gt;
                    空格    &nbsp;
                    版权符号     &copy;
        -->
    
        <h1>这是啊字的第一个网页</h1>
    </body>
</html>

原文地址:https://www.cnblogs.com/chanyuli/p/11531032.html