<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

 <title>无标题文档</title>

 <script type="text/javascript" src="js/index.js" ></script>

 <script type="text/javascript" src="js/jquery-1.11.0.js" ></script>

 <link href="../css/index.css" />

 <style type="text/css">

 .bgx {

     border-bottom-width: 2px;

     border-bottom-style: solid;

     border-bottom-color: #00F;

 }

 body {

     margin-left: 0px;

     margin-top: 0px;

     margin-right: 0px;

 }

 .qqxf {

     font-size: 14px;

     color: #666;

     text-align: center;

 }

 .zhmm {

     width: 100px;

 }

 .xwz {

     font-size: 14px;

 }

 .denglu {

     width: 100px;

     height: 25px;

 }

 </style>

 </head>

 <body>

 <div></div>

 </body>

 </html>
1、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。  简单来说这个是浏览器读你页面的一个标识让浏览器知道标签的可读性
例如:<header> 标签定义文档的页眉（介绍信息）。  只有<!DOCTYPE html> html5 可以识别   其他都不识别  

2、<html xmlns="http://www.w3.org/1999/xhtml"> </html> 文档标签的开始标签  所有的标签都应该在这个标签之中
　　xmlns="http://www.w3.org/1999/xhtml"   xmlns 属性可以在文档中定义一个或多个可供选择的命名空间。该属性可以放置在文档内任何元素的开始标签中。该属性的值类似于 URL，它定义了一个命名空间，浏览器
　　会将此命名空间用于该属性所在元素内的所有内容。
　　xmlns  在<html>中  可有可无  浏览器在加载是会默认加载 xmlns 

3、<head>   文档的头部，头部元素的容器。<head> 中的元素可以引用脚本、样式表、文档标题等等。 文档标题<title></title> 必须存在可以不填

4、<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
　　meta是html中的元标签，其中包含了对应html的相关信息，客户端浏览器或服务器的程序会根据这些信息进行处理。
　　HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。
　　content（内容类型）：重要！！这个网页的格式是文本的，网页模式
　　charset（编码）：特别重要！！！这个网页的编码是utf-8，中文编码，需要注意的是这个是网页内容的编码，而不是文件本身的，其他类型的编码中文可能会出现乱码。
5、<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 页面选择卡上显示的icon图

6、<title>无标题文档</title>  页面名称  常用来显示网站名称 如果是空则显示地址

7、<script type="text/javascript" src="js/index.js" ></script>  页面脚本  type 类型为文本
8、<script type="text/javascript" src="js/jquery-1.11.0.js" ></script> js脚本  type 类型为文本
9、<link href="../css/index.css" />  样式表  默认为text 文本类型

10、<style type="text/css"></style>   页面内的样式表

11、<body> 页面主体标签  必须！！所有的内容标签都写在这个标签中，只有在这个标签中的标签才会在页面显示！！！1

一个完整的html 每个标签的含义的更多相关文章

  1. 如何基于Spring Boot搭建一个完整的项目

    前言 使用Spring Boot做后台项目开发也快半年了,由于之前有过基于Spring开发的项目经验,相比之下觉得Spring Boot就是天堂,开箱即用来形容是绝不为过的.在没有接触Spring B ...

  2. 最齐全的站点元数据meta标签的含义和使用方法

    最齐全的站点元数据meta标签的含义和使用方法 随着HTML5的流行和Web技术的不断演变,Meta标签队伍也越来越壮大,从Windows XP的IE6到现在Windows 7.Windows 8的I ...

  3. 利用vue-cli配合vue-router搭建一个完整的spa流程

    好文章备忘录: 转自:https://segmentfault.com/a/1190000009160934?_ea=1849098 demo源码:https://github.com/1590123 ...

  4. Sklearn 与 TensorFlow 机器学习实战—一个完整的机器学习项目

    本章中,你会假装作为被一家地产公司刚刚雇佣的数据科学家,完整地学习一个案例项目.下面是主要步骤: 项目概述. 获取数据. 发现并可视化数据,发现规律. 为机器学习算法准备数据. 选择模型,进行训练. ...

  5. 如何一步一步用DDD设计一个电商网站（十）—— 一个完整的购物车

     阅读目录 前言 回顾 梳理 实现 结语 一.前言 之前的文章中已经涉及到了购买商品加入购物车,购物车内购物项的金额计算等功能.本篇准备把剩下的购物车的基本概念一次处理完. 二.回顾 在动手之前我对之 ...

  6. Django1.8教程——从零开始搭建一个完整django博客（一）

    第一个Django项目将是一个完整的博客网站.它和我们博客园使用的博客别无二致,一样有分类.标签.归档.查询等功能.如果你对Django感兴趣的话,这是一个绝好的机会.该教程将和你一起,从零开始,搭建 ...

  7. meta标签的含义

    <meta http-equiv="imagetoolbar" content="false" /> 定是否显示图片工具栏,当为false代表不显示 ...

  8. 一个完整的Installshield安装程序实例—艾泽拉斯之海洋女神出品（四） --高级设置二

    原文:一个完整的Installshield安装程序实例-艾泽拉斯之海洋女神出品(四) --高级设置二 上一篇:一个完整的安装程序实例—艾泽拉斯之海洋女神出品(三) --高级设置一4. 根据用户选择的组 ...

  9. 做一个完整的纯react-naitve安卓应用【从环境安装到应用发布】

    前提:从来没有写过android 跟 ios 应用,是一个小前端.前一段时间玩了一下 react-native 感觉还不错,应用代码还未开源. 环境: win7 成果:                 ...

随机推荐

  1. Spring MVC中jsessionid所引起的问题 和解决

     转自:http://blog.csdn.net/seakingwy/article/details/1933687 jsessionid所引起的问题在Spring MVC当使用RedirectV ...

  2. （二）plist的使用和序列帧动画

    六.plist的使用方法: iOS的程序在安装在手机上以后会把全部资源文件集成在一个文件夹中,这种文件集合称为bundle,对于一般的工程,只有一个bundle,即mainbundle,因此可以通过b ...

  3. Linux0.11 中对地址的管理

    个字节,段信息无法直接存放在段寄存器中(段寄存器只有2字节).Intel的设计是段描述符集中存放在GDT或LDT中,而段寄存器存放的是段描述符在GDT或LDT内的索引值(index). Linux中逻 ...

  4. 《java入门第一季》之二维数组

    /* 格式2: 数据类型[][] 数组名 = new 数据类型[m][]; m:表示这个二维数组有多少个一维数组. 列数没有给出,可以动态的给.这一次是一个变化的列数. */ class Array2 ...

  5. R12.2. Start and Stop Procedure

    R12.2. Start and Stop Procedure   Leave a comment Individual Components:  Application(Middle Tier) $ ...

  6. Android开发常用网站汇总

    1.eoe Android开发者论坛 目前国内最早的Android开发者社区,人气非常旺聚集了不少Android开发方面的高手,开发中遇到的问题大都能在这里获得解决,网站最大的特色是定期发布<e ...

  7. Leetcode_190_Reverse Bits

    ), return 964176192 (represented in binary as00111001011110000010100101000000). 思路: (1)题意为给定无符号32位整数 ...

  8. OpenCV——PS 滤镜， 曝光过度

    算法原理可以参考: PS 滤镜,曝光过度 #ifndef PS_ALGORITHM_H_INCLUDED #define PS_ALGORITHM_H_INCLUDED #include <io ...

  9. Access text files using SQL statements by DB Query Analyzer

    Access text files using SQL statements by DB Query Analyzer Ma Gen feng (Guangdong Unitoll Services ...

  10. MOOS学习笔记1——HelloWorld

    MOOS学习笔记1--HelloWorld 例程 /* * @功能:通讯客户端的最简单程序,向MOOSDB发送名为"Greeting" * 数据"Hello", ...