ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

前端--实体,meta,语义化标签1

2022-01-26 20:03:00  阅读:143  来源: 互联网

标签:-- 标签 真不错 语义 标题 meta 今天天气 nbsp


实体

<body>
    <!-- 在网页中编写的多个空格会自动被浏览器解析为一个空格
    在HTML中,有些时候不能直接书写一些特殊符号,比如连续的空格,比如字母两侧的大于小于号

    如果需要需要书写特殊符号,则需要使用实体(转义字符)


    实体的语法:
    &实体的名字;
       &nbsp;表示空格
       &gt;大于
       &lt;小于
    -->
    <p>今天&nbsp;&nbsp;天气真不错</p>
    <p>
        a&lt;b&gt;c
            <!-- b标签加粗 -->
    </p>

meta标签

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- meta主要用于设置网页中的元数据,不是给用户看的
    charest 指定网页的字符集
    name 指定的数据的名称
    contest 指定的数据的内容
    -->
    <meta name="keywords" content="html,前端,css">
    <!-- keywords:表示网站的关键字,可以同时指定多个关键字,用,隔开 -->
    <meta name="description" content="这是一个非常不错的网站">
    <!-- description:用于指定网站的描述,显示在搜索引擎的搜索结果中 -->
    <title>meta标签</title>
    <!-- title标签的内容作为搜索结果的显示 -->
    <!-- <meta http-equiv="refresh" content="3;url=http://www.baidu.com"> -->
    <!-- 将页面重定向到另一个网站 -->
</head>

语义化标签

<body>
    <!-- html负责网页的结构 
    学习HTML标签应该关注的是标签的语义,而不是他的样式-->
    <h1>一级标题</h1>
    <h2>二级标题</h2>  
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
        <!-- 六级标题 
        从h1~h6重要性递减,h1最重要,h6最不重要
                h1在网页中的重要性仅次于title标签,一般情况下一个页面中只会有一个h1
                一般情况下标题标签只会使用到h1~h3,h4~h6很少用
            
            在页面中独占一行的元素称为块元素(block element)
            
            -->
    <!-- 
        hgroup标签用来为标题分组,可以将一组相关的标题同时放入到hgroup

      -->
    <hgroup>
        <h1>回乡偶书二首</h1>
        <h2>其一</h2>
    </hgroup>

        <!-- 
        p标签表示页面中的一个段落

        p也是一个块元素 -->
    <p>在p标签中的内容就表示一个段落</p>
    <p>在p标签中的内容就表示一个段落</p>

    <p>今天天气<em>真</em>不错!</p>
    <!-- 
          em标签用于表示语音语调的一个加重

          在页面中不会独占一行的元素称为行内元素(inline element)
    -->
    
    <!-- 
          strong表示强调,重要内容!
    -->
    <p>你今天必须要<strong>完成作业</strong>!</p>  
    鲁迅说:
    <!-- blockquote 表示一个长引用 -->
    <blockquote>
        这句话我是从来没有说过的!
    </blockquote>

    <!-- 
        q表示一个短引用
     -->
    子曰<q>学而时习之,乐呵乐呵!</q>
    <!-- 
          br标签表示页面中的换行
       -->
       <br>
       <br>
 
       今天天气真不错

</body>

标签:--,标签,真不错,语义,标题,meta,今天天气,nbsp
来源: https://blog.csdn.net/weixin_45761399/article/details/122707412

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有