`
wfsheep
  • 浏览: 15902 次
文章分类
社区版块
存档分类
最新评论

前端之路--HTML（一）HTML概述

阅读更多


基础很重要

--------一位面试官的忠告

由于之前去面试，考官问及一些前端基础，才惊觉原来前端开发博大精深，远不是会写JavaScript就可以搞定的。于是于当当买了一本名字很狗血的书--《html、Css、javascript网页制作从入门到精通》，此书感觉说得实在基础，及其适合刚入门的玩家，于是准备写一些读书笔记，以供自己日后查阅，也供增强记忆。

Html （hyper text makeup language）网页超文本标记语言

Chapter 1~2，Html其实是XML的一种。其基本组成元素为：

<html>
	<head>
		<!-- html头部标记-->
	</head>
	<body>
		<!-- html网页主题标记-->
	</body>
</html>

每一个html页面都应包含这几个要素，现在将其掰开解释，并罗列其功能，<html>标签没有什么可以解释的，所有的页面代码都应包含在其中，类似于一个包含所有页面代码的大括号。

现在来看看

<head>标签有什么作用和属性，其属性关系图如下：


title 作用：1、定义浏览器工具栏中的标题 ；2、提供页面被添加到收藏夹时的标题；3、显示在搜索引擎结果中的页面标题

name 说明[keywords|description|revised|author|generator]：
 <meta name="keywords" content="定义针对搜索引擎的关键词" />
<meta name="description" content="定义对页面的描述" />
<meta name="revised" content="定义页面的最新版本" />
<meta name="author" content="定义页面的作者" />
<meta name="generator" content="定义页面的制作工具" />

http-equiv说明[content-type|expires|refresh|set-cookie|pragma|Window-target|Pics-label]：
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

（html5中新增一个属性 charset，使得此处可以简写为）<meta charset=ISO-8859-1">


<meta http-equiv="refresh" content="[刷新页面的秒数][；url=需要跳转的地址]" />


<meta http-equiv="pragma" content="" /> 属性很多，需要用到时可以参考

星之羽憶的BLOGhttp://www.cnblogs.com/yuyii/archive/2008/10/16/1312238.html


<meta http-equiv="Expires" content="Mon, 20 Jul 2009 23:00:00 GMT [0]" />
页面缓存设置，content配置日期之前，都去取本地缓存中的页面。PS：日期必须用GMT格式,0表示已过期


<Meta http-equiv=“Set-Cookie" Content=cookievalue=xxx; expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/>

如果网页过期，则缓存失效

<Meta http-equiv="Widow-target" Content=_top>

注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent


<META http-equiv="Pics-label" Contect= (PICS－1.1'http://www.rsac.org/ratingsv01.html' I gen comment 'RSACi North America Sever' byxx>

<body>标签，w3c告诉我们：一个简单的 HTML 文档，拥有尽可能少的必需的标签。body标签的属性主要都是样式属性，而此类样式属性最好都应该写入到CSS样式文件中去，但是作为对原始HTML的学习，下面还是罗列一下body的相关属性。

bgcolor = ”背景颜色"/

background='图片的地址'/

text=‘文字的颜色'/

link='连接的颜色'/

alink=‘单击连接的颜色'/

vlink='点击后连接的颜色'/

xxmargin=各种边距/

分享到：
| 常用的JS验证
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics