HTML的骨架

最新推荐文章于 2024-04-01 20:34:15 发布

雨中破晓

最新推荐文章于 2024-04-01 20:34:15 发布

阅读量1k

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/zhwqqqqq/article/details/123029197

版权

一.DTD

DocType Definition：文档类型定义，用来定义文档的规范。可内部声明，也可以外部声明。

规定了html使用哪个版本的html书写规范

二.DTD版本

1.HTML5

2.HTML4.01

Srtict：严格版，不能使用废弃标签如font/u/b/i，不能使用框架集
Transitional：过渡版：通用版，可以使用废弃标签，不能使用框架集
Frameset：框架集版，可以用框架集

3.XHTML1.0

Srtict：严格版，不能使用废弃标签如font/u/b/i，不能使用框架集
Transitional：过渡版：通用版，可以使用废弃标签，不能使用框架集
Frameset：框架集版，可以用框架集

4.严格程度

XHTML1.0 Strict > HTML4.01 Strict > XHTML1.0 transitionl > HTML4.01 transitionl

html5不在区分三个小规范。

三.HTML骨架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

1.html标签

表示我们整个网页，所有的标签都是在html标签内.

2.head标签

用来定义文档的头部，所有头部元素的容器，头部标签内的大部分数据不会显示给读者

3.head标签内可以用如下几个标签

4.base标签

标签为页面内的链接规定了默认的地址，包含的属性：

href：规定了页面内其他相对链接的url

target：规定打开其他链接的方式，包含{_blank,在新页面打开；_self，在自身页面打开；_parent,在父页面打开；_top，在顶层页面打开；framename，在规定框架内打开}

5.title标签

规定了标签内部是网页的名字，<title>xxxx</title>

title标签可以提高引擎优化（seo）

6.link标签

<link rel="shortcut icon" href="">

rel：定义资源与文档的关系。如：shortcut icon网页小logo。

href：确定资源的位置

7.style标签

可以定义内嵌样式。

8.script标签

引入外部脚本或定义内部脚本

9.meta标签

定义页面的元信息

属性有：charset，http-equiv，name

a.charset定义字符集

字符集常用utf-8和gb2312。

utf-8几乎包含了人类所有语言。

gb2312包含几乎所有中文。

同时字符集越大，一个汉字所占字节越大

utf-8一个汉字3个字节，gb2312一个汉字2个字节。

b.http-equiv

可以把content属性关联到头部包括：refresh，expires，set-cookie，pragma，cache-control等。

<!--1.禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出 -->
    <meta http-equiv="pragma" content="no-cache">
<!--2.清除缓存(再访问这个网站要重新下载！)-->
    <meta http-equiv="cache-control" content="no-cache">
<!--3.设定网页的到期时间,一旦网页过期,必须到服务器上重新传输。-->
    meta http-equiv="expires" content="0">   
<!--7.几秒后页面自动跳转-->
    <meta http-equiv="Refresh" content="2；URL=http://www.net.cn/">
<!--8.Set-Cookie如果网页过期,那么存盘的cookie将被删除-->
    <meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-200722:33:00 GMT； path=/">

c.name

把content属性关联到一个name中，包括author，description，keywords（进行seo优化）

    <!-- 定义网页作者 -->
    <meta name="author" content="aaa"> 
    <!-- 定义网页搜索关键词 进行SEO优化 -->
    <meta name="keywords" content="bbb">
    <!-- 定义对网页的描述 进行SEO优化 -->
    <meta name="description" content="ccc">

10.body标签

网页内容，网页的主体，给客户浏览的区域。

11.html基本语法

空白折叠现象：文本内容区域内如果有一个或多个空格或者缩进或者换行，在浏览器中显示的时候。

标签的语法

① 标签必须写在一对尖括号里面，里面写的是我们的标签关键字。

② 双标签必须成对儿出现。

③ 结束标签必须写关闭符号/。

④ 标签分类：容器级标签、文本级标签。