Web学习篇之---html基础知识(一)

html基础知识(一)

本篇文章主要介绍HTML头部所包括的信息。

一、下面都是在标签<head>...</head>之间的内容:

1.<title>…</title>

标题元素,帮助用户更好识别文件,有且仅仅有一个。当作为首页或收藏时做文件名称。

2.<link>…</link>

显示本文档和其他文档之间的关系:<link rel=“stylesheet” href=“example.css”> 和外部样式表的连接。

rel说明html文件和url两文档之间的关系。href说明文档名。

3.<style>…</style>

能够在文档中包括风格页。文档本身的内部样式。

4.<base>…</base>

为相对路径定义绝对路径url,读者下载你的文档后,也可知道从哪下的

url格式:通信协议://主机名/路径/文件名称

5.<script>…</script>

用于包括脚本(一系列脚本语言写的命令)能够是 Javascript 或 VbScript。

6.<meta>…</meta>

meta是用来在HTML文档中模拟HTTP协议的响应头报文。

meta标签的常见功能:

1).帮助主页被各大搜索引擎登录。

2).定义页面的使用语言;

3).自己主动刷新并指向新的页面;

4).实现网页转换时的动画效果;

5).网页定级评价。

6).控制页面缓冲;

7).控制网页显示的窗体。

二、重点介绍一下meta属性

meta 的属性有两种:name和http-equiv。

name属性主要用于描写叙述网页,相应于content(网页内容),以便于搜索引擎机器人查找、分类(眼下差点儿全部的搜索引擎都使用网上机器人自己主动查找meta值来给网页分类)。

这当中最重要的是description(网站在搜索引擎上的描写叙述)和keywords(分类关键词)。所以应该给每页加一个meta值。

name 属性

1.<meta name="Generator" contect="editplus">用以说明生成工具(如Microsoft FrontPage 4.0)等;

2.<meta name="KEYWords" contect="webjx,cnrose">向搜索引擎说明你的网页的关键词。

3.<meta name="Description" contect="webjx‘s blog">告诉搜索引擎你的网站的主要内容。

4.<meta name="Author" contect="webjx">告诉搜索引擎你的网站的制作的作者。

5.<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">

当中:
设定为all:文件将被检索,且页面上的链接能够被查询;
设定为none:文件将不被检索。且页面上的链接不能够被查询。
设定为index:文件将被检索;
设定为follow:页面上的链接能够被查询;
设定为noindex:文件将不被检索,但页面上的链接能够被查询;
设定为nofollow:文件将不被检索,页面上的链接能够被查询。

http-equiv属性:

1.<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;

2.<meta http-equiv="Refresh" content="n; url=http://yourlink"> 定时让网页在指定的时间n秒内,跳转到页面http;//yourlink。

3.<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">能够用于设定网页的到期时间,一旦过期则必须到server上又一次调用。须要注意的是必须使用GMT时间格式;

4.<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;

5.<meta http-equiv="set-cookie" contect="Mon,12 May 2004 00:20:00 GMT">cookie设定,假设网页过期,存盘的cookie将被删除。须要注意的也是必须使用GMT时间格式;

6.<meta http-equiv="Pics-label" contect="">网页等级评定,在IE的internet选项中有一项内容设置,能够防止浏览一些受限制的站点,而站点的限制级别就是通过meta属性来设置的;

7.<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗体中以独立页面显示。能够防止自己的网页被别人当作一个frame页调用;

8.<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">设定进入和离开页面时的特殊效果。这个功能即FrontPage中的“格式/网页过渡”。只是所加的页面不可以是一个frame页面。

Duration的值为网页动态过渡的时间,单位为秒。

Transition是过渡方式,它的值为0到23,分别相应24种过渡方式。例如以下表:

0:盒状收缩。1:盒状放射。2:圆形收缩。3:圆形放射;4:由下往上;5:由上往下;6:从左至右。7:从右至左。8:垂直百叶窗。9:水平百叶窗;10:水平格状百叶窗;11:垂直格状百叶窗。12:任意溶解;13:从左右两端向中间展开;14:从中间向左右两端展开;15:从上下两端向中间展开。16:从中间向上下两端展开。17:从右上角向左下角展开;18:从右下角向左上角展开;19:从左上角向右下角展开;20:从左下角向右上角展开;21:水平线状展开;22:垂直线状展开。23:随机产生一种过渡方式。
时间: 2024-10-05 06:17:58

Web学习篇之---html基础知识(一)的相关文章

java学习篇之---css基础知识(一)

css基础知识(一) 1.css样式: 加载css样式有以下四种: 1).外部样式 2).内部样式 3).行内样式 4).导入样式 <link href="layout.css" rel="stylesheet" type="text/css" /> 这种形式是把css单独写到一个css文件内,然后在源代码中以link方式链接.它的好处是不但本页可以调用,其它页面也可以调用,是最常用的一种形式. <style> h2 {

Java Web学习日志(HTTP基础知识)

1.C/S和B/S C/S是客户端/服务器模式,它是软件系统体系结构,通过它可充分利用两端硬件的优势,将任务合理分配到两端实现,降低开销 B/S是浏览器/服务器模式,在这种模式下,WEB浏览器使用户最主要的应用软件,这种模式统一了客户端,将系统功能实现的核心部分集中到服务器上. 2.HTTP基础知识 HTTP是超文本传输协议的简称,他是Web应用的核心.HTTP协议由两部分程序实现:一个客户端程序和一个服务器程序,它们运行在不同的端系统,通过交换HTTP报文进行会话. 1.2.1.HTTP请求和

WEB安全测试所需的基础知识提纲(转)

——说明:下文是从其他地方看到的关于WEB安全测试所需的基础知识纲要,大家可以结合本版面的其他WEB安全测试帖子一起学习 第一章:B/S架构体系安全渗透测试基础 1.HTTP协议基本概念 (1)介绍HTTP标示URL (2)HTTP响应状态码 (3)HTTP协议传输内容 2.WEB应用认证基本概念 (1)HTTP常见认证机制 (2)BASE64编码介绍 3.B/S架构常见安全问题 (1)拒绝服务攻击基础 (2)Smurf攻击模型 (3)Fraggle攻击模型 (4)SynFlooding攻击模型

JAVA Web学习篇--Servlet

Servlet由来 做过BS项目的人都知道,浏览器可以依据HTML静态标记语言来显示各式各样的网页.可是假设我们须要在网页上完毕一些业务逻辑:比方登陆验证.或者说网页显示的内容在server的数据库中.假设是这样,除了负责显示的HTML标记之外,必须还要有完毕这些业务功能的代码存在.这样的网页我们就叫做动态网页. 对于静态网页而言,server上存在的是一个个纯HTML文件.当client浏览器发出HTTP请求时,server能够依据请求的URL找到相应的HTML文件,并将HTML代码返回给cl

APUE 学习笔记(一) Unix基础知识

1. Unix 体系结构 内核的接口被称为系统调用 公用函数库构建在系统调用接口之上 应用软件既可以调用公用函数库,也可以直接进行系统调用 2. 文件和目录 目录操作函数:opendir---> readdir---> closedir struct dirent 结构体 stat 系统调用 3.程序.进程.线程 程序:存放在磁盘上.并处于某个目录中的一个可执行文件.使用exec系列函数将程序从磁盘读入存储器,并使其执行 进程:程序的执行实体.进程控制的3个函数:fork.exec.waitp

【Java菜鸟学习总结】Java基础知识(类)

目录 [Java菜鸟学习总结]Java基础知识(类) 1.面向对象编程 2.类 3.static关键字 4.final关键字 [Java菜鸟学习总结]Java基础知识(类) 1.面向对象编程 1.1.面向对象编程的特征 面向对象编程(OOP)的三大特征 { 封装; 继承; 多态; } 1.2.类与对象概述 类与对象是面向对象的核心概念. 类与对象 { 类; // 类是对于一类事物的描述,是抽象的.概念的定义. 对象; // 对象是实际存在的该类事物的每个个体,因而也别称为实例. } 2.类 2.

学习笔记-《Linux基础知识之挂载详解(mount,umount及开机自动挂载)》

<Linux基础知识之挂载详解(mount,umount及开机自动挂载)>来源:Linux社区  作者:chawan 原文链接 http://www.linuxidc.com/Linux/2016-08/134666.htm 以下是学习作者这篇文章做的一些摘要及学习体会. 重要概念(经典原文引述) 挂载概念简述: 根文件系统之外的其他文件要想能够被访问,都必须通过"关联"至根文件系统上的某个目录来实现,此关联操作即为"挂载",此目录即为"挂载点

php高级进阶系列文章--第二篇(PHP基础知识复习)

php基础知识复习 本文中对于简单的知识点只会提及一下(例如什么控制结构什么的),对于较有难度的详细复习下(例如面向对象的反射等等) 再次申明,本系列文章不是从最基础的开始复习,对于零基础的可能不适用,本文的初衷是我要准备攻读源码,在攻读前将之前的知识牢固下,太过简单的就写在文中了 1,echo print echo 可以输出一个或者多个字符串 print 只可以输出一个字符串,返回值总为1 2,PHP7中的组合比较符 echo 1 <==> 1 // 0 echo 1 <==>

[Python学习] 专题四.文件基础知识

        前面讲述了函数.语句和字符串的基础知识,该篇文章主要讲述文件的基础知识(与其他语言非常类似). 一. 文件的基本操作         文件是指存储在外部介质(如磁盘)上数据的集合.文件的操作流程为: 打开文件(读方式\写方式)->读写文件(read\readline\readlines\write\writelines)->关闭文件 1.打开文件 调用函数open打开文件,其函数格式为: file_obj=open(filename[, mode[, buffering]])