zoukankan      html  css  js  c++  java
  • 整理HTML的一些基础

    HTML,超文本标记语言(HyperText Markup Language)

    超文本:指页面内可以包含图片、链接、音乐、程序等非文字元素

    标记:页面的由各种标签(标记)组成,文本有隐藏的文本标签

    HTML 使用标记标签来描述网页,以<html>开头,</html>结尾

    sublime 使用快捷方式生成的一个模板:

    <!DOCTYPE html><!--文档类型声明 -->
    <html lang="en"> 
    <head><!--描述文档信息-->
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body><!--文档内容-->
        
    </body>
    </html>
    <title> 标题
    <base> 页面链接标签的默认链接地址
    <link> 一个文档和外部资源之间的关系
    <meta> HTML文档中的元数据
    <script> 客户端的脚本文件
    <style> HTML文档的样式文件

    base标签和meta标签平时都是从别的地方拷贝的,下面扒一扒这个两个标签的用途

    1. base:标签为页面上的所有链接规定默认地址或默认目标。

      通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

      使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

      http://www.w3school.com.cn/tiy/t.asp?f=html_base_test,使用频率好像不高
    2. meta:元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词,标签的属性定义了与文档相关联的名称/值对:
    • content属性:定义与 http-equiv 或 name 属性相关的元信息
    • name属性:表述文档的一些信息,对搜索引擎友好,以及基于移动设备的一些描述
      <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> <!--定义视窗显示的比例,是否可缩放以及最大缩放值-->
      <meta name="apple-mobile-web-app-capable" content="yes"><!--ios2.0+ 是否全屏-->
      <meta name="apple-mobile-web-app-status-bar-style" content="black"><!--设置Web App的状态栏(屏幕顶部栏)的样式-->
    • http-equiv:属性为名称/值对提供了名称。指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对
      <meta http-equiv="content-Type" content="text/html;charset=gb2312"><!--设定文本类型,页面使用的字符集。 -->
      <meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"><!--可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输,必须使用GMT的时间格式。 -->
      <meta http-equiv="Pragma" content="no-cache"><!--用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出 
      用法:-->
      <meta http-equiv="cache-control" content="no-cache"><!--清除缓存(再访问这个网站要重新下载!)-->
      <meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/"><!--必须使用GMT的时间格式。如果网页过期,那么存盘的cookie将被删除。-->
      <meta http-equiv="Refresh" content="2;URL=http://www.net.cn/"><!--自动刷新并指向新页面-->
      <meta http-equiv="Window-target" content="_top"><!--强制页面在当前窗口以独立页面显示,用来防止别人在框架里调用自己的页面。 -->
      <meta http-equiv="Pics-label" content=""><!--网页等级评定-->
      <meta http-equiv="Page_Enter" content="revealTrans(duration=1.0,transtion=12)"><!--设定进入页面时的特殊效果-->
      <meta http-equiv="Page_Exit" content="revealTrans(duration=1.0,transtion=12)"><!--设定离开页面时的特殊效果-->

    从网上搜索的到的,没测试具体哪些真的有用,以后真正需要用的时候再重新整理。

    <body>标签放置文档内容,好像没有太多需要提的,主要html5新增了很多语义化的标签,让我们更好的架构页面

  • 相关阅读:
    Linux堆内存管理深入分析 (上半部)【转】
    TCMalloc小记【转】
    Linux signal 那些事儿(4)信号的deliver顺序【转】
    Linux signal 那些事儿 (3)【转】
    Linux signal那些事儿【转】
    Linux signal 那些事儿(2)【转】
    常用的Firefox浏览器插件、Chrome浏览器插件收藏
    vi 常用命令
    清除浮动新说
    【荐】万能清除浮动样式
  • 原文地址:https://www.cnblogs.com/baozhan/p/5158174.html
Copyright © 2011-2022 走看看