欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

一个完整的html 每个标签的含义

程序员文章站 2022-05-30 23:26:18
1 2
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 5 <title>无标题文档</title> 6 <script type="text/javascript" src="js/index.js" ></script> 7 <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> 8 <link href="../css/index.css" /> 9 <style type="text/css"> 10 .bgx { 11 border-bottom-width: 2px; 12 border-bottom-style: solid; 13 border-bottom-color: #00F; 14 } 15 body { 16 margin-left: 0px; 17 margin-top: 0px; 18 margin-right: 0px; 19 } 20 .qqxf { 21 font-size: 14px; 22 color: #666; 23 text-align: center; 24 } 25 .zhmm { 26 width: 100px; 27 } 28 .xwz { 29 font-size: 14px; 30 } 31 .denglu { 32 width: 100px; 33 height: 25px; 34 } 35 </style> 36 </head> 37 38 <body> 39 <div></div> 40 </body> 41 </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