学习笔记

最新推荐文章于 2024-08-13 10:10:57 发布

qq_41844709

最新推荐文章于 2024-08-13 10:10:57 发布

阅读量149

点赞数

本文链接：https://blog.csdn.net/qq_41844709/article/details/82706640

版权

#学习笔记：【meta】标签的用法

【meta】重点内容 元素可提供有关页面的元信息（meta-information），比如针对索引擎和更新频度的描述和关键词。标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。

基本语法1：设置页面关键词
[meta name=“keywords” content="输入具体的关键词“]
(语法说明：当用关键词搜索网站时，如果网页中包含该关键词，就可以在搜索结果中列出来）

基本语法2：设置页面主要内容
[meta name=“description” content="设置页面描述“]
(语法说明：描述标签是description,网页的描述标签为搜索引擎提供了关于这个网页概括性的描述）

基本语法3：定义页面的搜索方式
[meta name=“robots” content="搜索方式”]

基本语法4:定义编辑工具
[meta name=“generator” content=“编辑软件的名称”]
(语法说明：很多编辑软件都可以制作网页，在源代码的头部可以设置网页编辑工具的名称，不会显示在浏览器中）

基本语法5：定义页面的作者信息
[meta name=“author” content="定义页面作者信息”]

基本语法6：定义网页文字及语言
[meta http-equiv=“content-type” content=“text/html; charset=euc-jp”/]

基本语法7：定义页面的跳转
[meta http-equiv=“reflesh" content="跳转的时间;URL=跳转到的地址“]

基本语法8：定义页面的版权信息
[meta name =“copyright” content=“http://www.baidu.com”/]

(二）轮播图的实现

<html>
<head>
    <title>轮播图的实现</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div id="myCarousel" class="carousel slide">
    <--有序列表（图片下方显示的圆圈）-->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>   
        <div class="carousel-inner">
        <div class="item active">
            <img src="D:/HTML/图片/广告1.jpg" alt="First slide">
        </div>
        <div class="item">
            <img src="D:/HTML/图片/广告2.jpg" alt="Second slide">
        </div>
        <div class="item">
            <img src="D:/HTML/图片/广告3.jpg" alt="Third slide">
        </div>
    </div>
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div> 

</body>
</html>