HTML网页基础构成

最新推荐文章于 2023-12-31 20:08:11 发布

wendiudiua

最新推荐文章于 2023-12-31 20:08:11 发布

阅读量440

点赞数 1

分类专栏： html5 css 文章标签： html5

本文链接：https://blog.csdn.net/qq_37178923/article/details/78883210

版权

html5 css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

HTML网页基础构成

1. DOCTYPE

一种标准通用标记语言的文档类型声明，通知标准通用标记语言解析器，用什么文档类型定义（DTD）来解析文档

HTML5 <!doctype html>
HTML4.01 比较复杂，三种文档类型
- HTML Strict DTD 支持层叠样式表
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- HTML Transitional DTD 不支持层叠样式表
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- Frameset DTD 带有框架的HTML网页
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

DOCTYPE标签除了声明HTML网页外，还可以声明其他类型
<!doctype math> 数学标记语言
<!doctype tmx> 翻译存储交换标记语言
<!doctype wml> 无线标记语言

2.html

HTML的开始和结束标记

<html lang = "en"> </html>

lang
规定标签内容的语言 “en”英文 “zh”中文

3.head

所有头部标签的容器，可以实现描述元信息（meta）、添加层叠样式表（CSS）、引用外部脚本文件（JavaScript）、定义HTML网页标题与其他文档的关系等。

meta
辅助型标签有两个属性 http-equiv name 属性值放在content属性中

http-equiv
- Content-Type 设定显示字符集
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  utf-8为通用的Unicode编码格式
- Content-Language 设定页面语言
  <meta http-equiv="Content-Language" content="zh-cn"/>
  zh-cn简体中文 zh-tw繁体中文 en-us英语（美国）
- Refresh 自动刷新并重指向新页面
  <meta http-equiv="Refresh" content="1;url=" " "/>
  刷新间隔1秒，重定向链接地址
- expires 网页过期时间时间使用GMT格式
  <meta http-equiv="expires" content="Sun,31 Dec 2015 23:23:23 GMT"/>
- Pragma cache模式
  <meta http-equiv="Pragma" content="no-cache"/>
  禁止浏览器从本地缓存中访问HTML内容
- Set-Cookie 网页过期设定
  <meta http-equiv="Set-Cookie" content="cookie-value=xxx; expires=Sun,31 Dec 2015 23:23:23 GMT "/>
  到期cookie自动删除
- Window-target 显示窗口设置
  <meta http-equiv="Window-target" content="_top"/>
  强制网页在当前窗口以独立页面方式显示
name
- author 作者
  <meta name="author" content="king"/>
- revised 网页最后一次更改的作者及时间
  <meta name="revised" content="king,10/23/2017"/>
- generator 创建和编辑网页的工具软件
- description 网页功能内容的描述
- keywords 网页的关键字
base
网页默认打开方式的声明
为页面的所有链接提供默认地址和默认打开目标，使用指定的url地址来解析所有相对url地址
<base href="http://localhost:8080 target="_blank"/>

target
_blank(新窗口打开)
_self(自身窗口，默认)
_parent(父窗口或框架集中打开) _top(清除所有被包含的框架，文档载入整个浏览器窗口)
link
定义目标文件的引用
<link rel="stylesheet" type="text/css" href="css/style.css">
style
定义直接嵌入网页的层叠样式表（CSS）代码
<style type="text/css"></style>
script
引入外部js或者之间嵌入脚本代码
<script src=" "></script>
<script type="text/javascript"></script>
title
定义网页的唯一标题
<title>XXX</title>