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新增了很多语义化的标签，让我们更好的架构页面

整理HTML的一些基础的更多相关文章

  1. MySQL 笔记整理（1） --基础架构，一条SQL查询语句如何执行

    最近在学习林晓斌(丁奇)老师的<MySQL实战45讲>,受益匪浅,做一些笔记整理一下,帮助学习.如果有小伙伴感兴趣的话推荐原版课程,很不错. 1) --基础架构,一条SQL查询语句如何执行 ...

  2. BAT 前端开发面经 —— 吐血总结 前端相关片段整理——持续更新 前端基础精简总结 Web Storage You don't know js

    BAT 前端开发面经 —— 吐血总结   目录 1. Tencent 2. 阿里 3. 百度 更好阅读,请移步这里 聊之前 最近暑期实习招聘已经开始,个人目前参加了阿里的内推及腾讯和百度的实习生招聘, ...

  3. Python学习笔记整理总结【语言基础篇】

    一.变量赋值及命名规则① 声明一个变量及赋值 #!/usr/bin/env python # -*- coding:utf-8 -*- # _author_soloLi name1="sol ...

  4. JAVA面试题整理（1）-基础

    1.List 和 Set 的区别  共同点:它们都是Collection的子接口 区别: List:这个接口能够精准的记录每一个元素的插入位置(换句话说就是这个接口内容所有元素是按照顺序去保存的),使 ...

  5. 决定整理一下canvas的基础学习

    好久没有用过canvas,都要忘完了.还是决定复习一下以前的笔记,以及整理一下笔记,以后好查阅

  6. JSP Web第四章整理复习 JSP技术基础

    P104 JSP简介 (1)基本概念:jsp技术.jsp.jsp网页组成 JSP技术基础java servlet和整个java体系的Web服务器端开发技术. JSP表示它是用java写的Web服务页面 ...

  7. Python学习笔记整理总结【web基础】【web/HTML/CSS/JavaScript/DOM/jQuery】

    一.HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以 ...

  8. 整理的Python零基础入门！转载他人的！

    安装Python 前往 官网下载 对应平台对应工具.另外Python2.7版本和3.3版本并不兼容,所以开发时请注意使用Python的版本. 作为Mac OS X使用者,其实更推荐 PyCharm I ...

  9. 整理 45 道 CSS 基础面试题（附答案）

    1.介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度 ...

随机推荐

  1. ORACLE数据库、表空间、表的容量相关查询--1

    未完待续……未完待续……未完待续……未完待续…… 1.查询某个表所占空间大小 col tablespace_name for a15 col segment_name for a15 col segm ...

  2. idea maven jetty插件热部署

    maven tomcat插件好像无法进行热部署,jetty可以如下配置实现热部署,但是idea无法进行自动编译,所以需要如下快捷键 Ctrl+Shift+F9,编译 Ctrl+F9,生成项目 < ...

  3. spring boot1.3.0版本及以上版本profile指定参数无法被打入

    现象:小于1.3.0版本如1.2.6的spring boot, 当指定profile进行参数打入的时候,发现没有问题,但是比如改用1.3.0,1.3.1及其以上版本的时候,发现参数打不进去,经过比对s ...

  4. C#实现WinForm传值实例解析

    C#实现WinForm传值的问题经常会做为公司面试的题目,那么作为学习C#以及WinForm传值,我们需要掌握哪些方法和思路呢?下面我们就向你介绍详细的思路和实现的具体步骤,希望对你有所帮助. C#实 ...

  5. iOS FMDB

    FMDB FMDB概述 什么是FMDB * FMDB是iOS平台的SQLite数据库框架 * FMDB以OC的方式封装了SQLite的C语言API FMDB的优点 * 使用起来更加面向对象,省去了很多 ...

  6. JS 之 innerHTML

    定义和用法 innerHTML 属性用于设置或返回指定标签之间的 HTML 内容. 语法 Object.innerHTML = "HTML";// 设置 var html = Ob ...

  7. JSP 基础之 JSTL <c:forEach>用法

    在JSP的开发中,迭代是经常要使用到的操作.例如,逐行的显示查询的结果等.在早期的JSP中,通常使用Scriptlets来实现Iterator或者Enumeration对象的迭代输出.现在,通过JST ...

  8. CodeForces 222D - Olympiad

    第一行给出两个个数字k和n,第二三行分别有k个数字,求将第二.三行之间的数字相互组合,求最多有多少个组合的和不小于n 纯粹暴力 #include <iostream> #include & ...

  9. 垃圾回收器 Dispose 和 Finalize 的互补作用

    假如我们程序有两个窗口 Form1.Form2; 当我们关闭一个窗口的时候,会发出一个 终止响应,并将该窗口对象送入终止队列,公共语言运行库的垃圾回收器跟踪着这个对象的生存期,此时就会调用此对象的基类 ...

  10. UTF-8、GB2312都支持的汉字截取函数

    <?php/*Utf-8.gb2312都支持的汉字截取函数cut_str(字符串, 截取长度, 开始长度, 编码);编码默认为 utf-8开始长度默认为 0*/ function cut_str ...