w3c标准html5手册_在w3c中规定html决定页面的

w3c标准html5手册_在w3c中规定html决定页面的w3c标准-html


Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

w3c标准 – html


1. Html标签总览

下面的图是我在网上看到的一张图,总结的非常好。转: 
HTML常用标签及其用法

w3c标准html5手册_在w3c中规定html决定页面的


2. Html解释

        ① Html


HTML是Hypertext Markup Language的英文缩写, 即超文本标记语言
HTML语言是一种标记语言,不需要编译,直接由浏览器执行
HTML文件是一个文本文件,包含了一些HTML元素, HTML文件是一个文本文件,包含了一些HTML元素,标签等.
HTML文件必须使用html或htm为文件名后缀
HTML是大小写不敏感的,HTML与html是一样的

        ② meta:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。


name属性

        name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

meta标签的name属性语法格式是:<meta name=”参数”content=”具体的参数值”>。 其中name属性主要有以下几种参数: 

A、Keywords(关键字) :keywords用来告诉搜索引擎你网页的关键字是什么。

<meta name=”keywords”content=”meta总结,html meta,meta属性,meta跳转”> 
B、description(网站内容描述) :description用来告诉搜索引擎你的网站主要内容。
<meta name=”description”content=”haorooms博客,html的meta总结,meta是html语言head区的一个辅助性标签。”> 
C、robots(机器人向导) :robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

content的参数有all,none,index,noindex,follow,nofollow。默认是all。

<meta name=”robots”content=”none”> 
具体参数如下:

信息参数为all:文件将被检索,且页面上的链接可以被查询;

信息参数为none:文件将不被检索,且页面上的链接不可以被查询;

信息参数为index:文件将被检索;

信息参数为follow:页面上的链接可以被查询;

信息参数为noindex:文件将不被检索,但页面上的链接可以被查询;

信息参数为nofollow:文件将被检索,但页面上的链接不可以被查询;


D、author(作者):标注网页的作者

<meta name=”author”content=”root,root@xxxx.com”> 
E、generator

<meta name=”generator”content=”信息参数”/> 

meta标签的generator的信息参数,代表说明网站的采用的什么软件制作。


F、COPYRIGHT

<META NAME=”COPYRIGHT”CONTENT=”信息参数”> 

meta标签的COPYRIGHT的信息参数,代表说明网站版权信息。


G、revisit-after

<META name=”revisit-after”CONTENT=”7days”> 

revisit-after代表网站重访,7days代表7天,依此类推。

http-equiv属性


        http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

meta标签的http-equiv属性语法格式是:

<meta http-equiv=”参数”content=”参数变量值”>; 

其中http-equiv属性主要有以下几种参数:


A、Expires(期限):可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

<meta http-equiv=”expires”content=”Fri,12Jan200118:18:18GMT”> 

注意:必须使用GMT的时间格式。


B、Pragma(cache模式):禁止浏览器从本地计算机的缓存中访问页面内容。

<meta http-equiv=”Pragma”content=”no-cache”> 

注意:这样设定,访问者将无法脱机浏览。


C、Refresh(刷新):自动刷新并指向新页面。

<meta http-equiv=”Refresh”content=”2;URL=http://www.haorooms.com”> //(注意后面的引号,分别在秒数的前面和网址的后面) 

注意:其中的2是指停留2秒钟后自动刷新到URL网址。


D、Set-Cookie(cookie设定):如果网页过期,那么存盘的cookie将被删除。

<meta http-equiv=”Set-Cookie”content=”cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/”> 

注意:必须使用GMT的时间格式。


E、Window-target(显示窗口的设定):强制页面在当前窗口以独立页面显示。

<meta http-equiv=”Window-target”content=”_top”> 

注意:用来防止别人在框架里调用自己的页面。


F、content-Type(显示字符集的设定):设定页面使用的字符集。

<meta http-equiv=”content-Type”content=”text/html;charset=gb2312″> 

具体如下:

meta标签的charset的信息参数如GB2312时,代表说明网站是采用的编码是简体中文;

meta标签的charset的信息参数如BIG5时,代表说明网站是采用的编码是繁体中文;

meta标签的charset的信息参数如iso-2022-jp时,代表说明网站是采用的编码是日文;

meta标签的charset的信息参数如ks_c_5601时,代表说明网站是采用的编码是韩文;

meta标签的charset的信息参数如ISO-8859-1时,代表说明网站是采用的编码是英文;


meta标签的charset的信息参数如UTF-8时,代表世界通用的语言编码;


G、content-Language(显示语言的设定)

<meta http-equiv=”Content-Language”content=”zh-cn”/> 
H、Cache-Control指定请求和响应遵循的缓存机制。
Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、on


J、http-equiv=”imagetoolbar”

<meta http-equiv=”imagetoolbar”content=”false”/> 

指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。


K、Content-Script-Type

<Meta http-equiv=”Content-Script-Type”Content=”text/javascript”> 

W3C网页规范,指明页面中脚本的类型。

3. html结构


                                       
w3c标准html5手册_在w3c中规定html决定页面的


4. <!DOCTYPE>


<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

常用的 DOCTYPE 声明

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict

该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

该 DTD 等同于 HTML 4.01 Transitional,但允许框架集内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

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

XHTML 1.0 Transitional

该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

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

XHTML 1.0 Frameset

该 DTD 等同于 XHTML 1.0 Transitional,但允许框架集内容。

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

XHTML 1.1

该 DTD 等同于 XHTML 1.0 Strict,但允许添加模型(例如提供对东亚语系的 ruby 支持)。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/192513.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 爬虫工具_应用程序market

    爬虫工具_应用程序market一个简单的异步爬虫.私信太多,统一回答一下:关于异步函数的:1.真正派发任务的是consumer这个coroutine,所以也在内部做了并发控制.2.process_content用于获取html及保存到mysql.关于异步相关(asyncio)的:1.await相当于yieldfrom.2.await后面是一个coroutine,…

    2022年10月25日
  • 开机黑屏 仅仅显示鼠标 电脑黑屏 仅仅有鼠标 移动 [已成功解决]

    开机黑屏 仅仅显示鼠标 电脑黑屏 仅仅有鼠标 移动 [已成功解决]

    2021年12月8日
  • CentOS镜像下载「建议收藏」

    CentOS镜像下载「建议收藏」CentOS6系统安装1、首先打开网易开源镜像站:http://mirrors.163.com/当然,大家也可以使用阿里开源镜像站:http://mirrors.aliyun.com/2、点击进入centos目录。3、因为我们选择安装centos6.5版本系统,所以点击进入6.5/目录4、我们打开里面的readme文件,找到下载地址:http://vault.cento…

    2022年6月9日
  • java的单例模式是什么_Java单例模式是什么

    java的单例模式是什么_Java单例模式是什么Java单例模式是什么时间:2017-07-14来源:华清远见JAVA学院Java单例模式简介在GoF的23种设计模式中,单例模式是比较简单的一种。然而,有时候越是简单的东西越容易出现问题。下面就单例设计模式详细的探讨一下。所谓单例模式,简单来说,就是在整个应用中保证只有一个类的实例存在。就像是JavaWeb中的application,也就是提供了一个全局变量,用处相当广泛,比如保存全…

    2022年7月25日
  • 学Python必看!今年最火的五大Python框架

    学Python必看!今年最火的五大Python框架由于简单的学习曲线、越来越快的应用程序以及机器学习辅助功能等附加优势,Python已经成了IT行业的流行词…由于简单的学习曲线、越来越快的应用程序以及机器学习辅助功能等附加优势,Python已经成了IT行业的流行词。到目前为止,几乎每个IT工程师和开发人员都必须了解Python的强度和功能。Python本身是一种编程语言,也许你已经掌握了这种令人惊叹的编程语言的一些基本编程技能,并且正在寻找…

    2022年6月10日
  • AD域安装

    AD域安装https://www.cnblogs.com/BugBrother/p/6760504.html

    2022年5月13日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号