html之head,base,meta,title

一个简单的HTML最基本的必须的元素

用于定义文档的头部,是所有头部元素的容器。头部描述了文档的各种属性和信息,绝大多数头部的数据都不会直接显示给读者。

下面这些标签可用在head部分:base,link,meta,script,style,title

head标签支持html中的全局属性

1、base 全局属性

  所有浏览器都支持,为页面上的所有链接规定默认地址或目标,设置了base url之后,浏览器会使用基地址url来填充

所有的相对url,包括的标签有a , link ,img ,form

注意:在 HTML 中,<base> 标签没有结束标签;在 XHTML 中,<base> 标签必须被正确地关闭。

  href :规定页面中所有相对链接的基准url

  target:在何处打开页面中的所有链接

      _blank:新面面

      _parent

      _self:当前面面

      _top

2、meta:全局属性

  提供有关页面的元信息(meta_info),它必须位于head中,其数据总是以名称=值的形式被成对传递。

  必须属性:

    content

      定义与http-equiv和name相关的元信息,其值可为任何有效字符串

      始终要与http-equiv和name一起使用

      

  可选属性:

    1、http-equiv  content_type    把content属性关联到http头部

            expires

            refresh

            set_cookie

    为要发送到网页的名称/值对提供了可依赋的名称,当服务器向浏览器发送文档时,会指示服务器把对应的名称/值对放到文档的MIME头部后

再发送给浏览器。虽然向浏览器发送文档时会发送很多名称/值对,但是content-type:text/html是每个服务器的必发项,用于告诉浏览器准备接受

一个HTML文档。

    在使用http-equiv属性的meta标签时,服务器将把名称/值对发送给浏览器的头部。

  如下图:发送到浏览器头部的信息应该为:

      content-type:text/html

      refresh:5

      expires:31 Dec 2008

  

    2、name    author    把content属性关联到一个名称

            description

            keywords

            generator

            revised

            others

    可设置对自己和对源文档读者有意义的名称,keywords是一个经常被用到的名称,它为文档定义了一组关键字,搜索引擎会使用这些关键字对文档进行分类查找。

   如果没有设置name属性,那么会降纸使用http-equiv的名称/值对。

    

3、title:全局属性

  浏览器会以特殊的方式来使用标题,当把文档加入链接列表或收藏夹时,文档标题将成为该链接的默认名称

  <title> 标签是 <head> 标签中唯一要求包含的东西

  支持以下标准属性:

    dir        rtl    元素中内容的文本方向

           lrt

    lang    language_code  元素中内容的语言代码

    xml:lang  language_code    xhtml文档中内容元素内容的语言代码

    

4、link:全局属性

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

     标签最常见的用途是链接样式表

  href :规定被链接文档的位置。

  hreflang:规定被链接文档中文本的语言

  rel:规定当前文档与被链接文档之间的关系

    alternate
    author
    help
    icon
    licence
    next
    pingback
    prefetch
    prev
    search
    sidebar
    stylesheet
    tag

    size:规定被链接资源的尺寸。仅适用于 rel="icon"。

    

    头部图标样式如下:

    

时间: 2024-08-24 18:13:27

html之head,base,meta,title的相关文章

HTML笔记(七)head相关元素&lt;base&gt; &amp; &lt;meta&gt;

<head>元素是所有头部元素的容器. 可添加的标签有:<title>.<base>.<link>.<meta>.<script>和<style>. <base>元素 <base>标签规定了页面上的所有链接的默认地址或默认目标target. <html> <head> <base href="http://www.w3school.com.cn/i/"

vue 路由meta 设置title 导航隐藏

router.js routes: [{ path: '/', name: 'HelloWorld', component: HelloWorld, meta: { title: "HelloWorld", 要现实的title show: true 设置导航隐藏显示 } }] App.vue <template> <div id="app"> <router-view></router-view> <bottom

【转】vue中动态设置meta标签和title标签

因为和原生的交互是需要h5这边来提供meta标签的来是来判断要不要显示分享按钮,所有就需要手动设置meta标签,标题和内容 //router内的设置 { path: '/teachers', name: 'TDetail', component: TDetail, meta: { title:"教师详情", content: 'disable' } }, { path: '/article', name: 'Article', component: Article, meta: { t

如何理解jsp页面的“&lt;base href=&quot;&lt;%=basePath%&gt;&quot;&gt;”

jsp文件里通常有以下代码: 这里的<base href="<%=basePath%>">是什么意思呢? 我在W3School网站上查了html中的base标签,解释如下: <base> 标签为页面上的所有链接规定默认地址或默认目标. 通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白. 使用 <base> 标签可以改变这一点.浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有

&lt;base href=&quot;basepath&quot;&gt; 的理解

"base href " 今天在写一个JSP网页的时候,href不能用了,所有href鼠标放上去前面现实的都是"http:///",竟然有三个"/",而且前面也没有显示"localhost:8080"找了大半天找不出来,最后才发现不小心将Eclipse自动生成的下面两行代码误删了,<%String path = request.getContextPath();String basePath = request.getS

Summary—【base】(HTML)

Html知识点: 1. 建议开发人员计算机基本配置 a) 显示所有文件的后缀名* b) 文件的排列方式改为详细信息,并且名称一定要能够全部显示出来 c) 使用小的任务栏 d) 将常用的工具锁定到任务栏中 2. 浏览器与服务器 a) 浏览器与服务器之间存在交互关系 b) 浏览器的内核又被称之为渲染引擎 c) 目前比较主流的浏览器内核: Trident:IE.猎豹浏览器.360浏览器.极速安全浏览器 Gecko:Firefox WebKit:Safari Blink:chrome .opera 参考

如何理解&lt;base href=&quot;&lt;%=basePath%&gt;&quot; ---转载

原文链接http://316325524.blog.163.com/blog/static/6652052320111118111620897/ "base href " 今天在写一个JSP网页的时候,href不能用了,所有href鼠标放上去前面现实的都是“http:///”,竟然有三个“/”,而且前面也没有显示“localhost:8080”找了大半天找不出来,最后才发现不小心将Eclipse自动生成的下面两行代码误删了,< % String path = request.ge

如何理解&lt;base href=&quot;&lt;%=basePath%&gt;&quot;

原文链接http://316325524.blog.163.com/blog/static/6652052320111118111620897/ "base href " 今天在写一个JSP网页的时候,href不能用了,所有href鼠标放上去前面现实的都是“http:///”,竟然有三个“/”,而且前面也没有显示“localhost:8080”找了大半天找不出来,最后才发现不小心将Eclipse自动生成的下面两行代码误删了,<%String path = request.getC

html标签之head&amp;title标签

标签分类 自闭和标签 <meta charset="UTF-8"> 主动闭合标签 <div>测试</div> <!DOCTYPE html> <html lang="enuix"> <head> <!-- 编码 --> <meta charset="UTF-8"> <!-- 头部放置的跳转代码--> <meta http-equiv=