HTML头部

一、HTML头部

1、- 定义了HTML文档的标题</h4> <p>使用 <title> 标签定义HTML文档的标题</p> <pre><code class="language-html"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我的 HTML 的第一页

浏览器中包含body元素的内容。

浏览器的标题包含title元素的内容

运行结果:

HTML头部_第1张图片

2、 - 定义了所有链接的URL

使用 定义页面中所有链接默认的链接目标地址。





    
    
    



     - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base
    标签,该标签指定了页面上所有链接的默认 URL,所以该图片的访问地址为
    "https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"
    

百度一下 - 注意这个链接会在新窗口打开,即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。

运行结果:

HTML头部_第2张图片

 3、 - 提供了HTML文档的meta标记

使用 元素来描述HTML文档的描述,关键词,作者,字符集等。





    
    <meta> - 提供了HTML文档的meta标记
    
    
    




    

所有 meta 标签显示在 head 部分...

二、HTML 元素

元素包含了所有的头部标签元素。在 元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。

可以添加在头部区域的元素标签为: , <style>, <meta>, <link>, <script>, <noscript> 和 <base>。</p> <h3>三、HTML <title> 元素</h3> <p><title> 标签定义了不同文档的标题。</p> <p><title> 在 HTML/XHTML 文档中是必需的。</p> <p><title> 元素:</p> <ul> <li>定义了浏览器工具栏的标题</li> <li>当网页添加到收藏夹时,显示在收藏夹中的标题</li> <li>显示在搜索引擎结果页面的标题</li> </ul> <p>一个简单的 HTML 文档:</p> <pre><code class="language-html"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题 文档内容......

四、HTML 元素

标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接:


    

五、HTML 元素

标签定义了文档与外部资源之间的关系。

标签通常用于链接到样式表:


    

六、HTML

七、HTML 元素

meta标签描述了一些基本的元数据。

标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。

META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。

一般放置于 区域

八、 标签- 使用实例

1、为搜索引擎定义关键词:

2、为网页定义描述内容:

3、定义网页作者:

4、每30秒钟刷新当前页面:

九、HTML

你可能感兴趣的:(前端,HTML5,html,前端,算法,学习方法,javascript,开发语言)