HTML笔记（二）

最新推荐文章于 2024-07-18 20:18:47 发布

B&&C

最新推荐文章于 2024-07-18 20:18:47 发布

阅读量129

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/lzbmc/article/details/103669640

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML笔记（二）

五、细节

五、细节

1. 文档类型

常用的 DOCTYPE 声明

HTML 5：<!DOCTYPE html>
HTML 4.01

2. 头部分

2.1. HTML title 元素

<title> 标签定义文档的标题。

2.2. HTML base 元素

<base> 标签为页面上的所有链接规定默认地址或默认目标（target）

当页面有很多超链接，需要在新的页面打开，一个个处理起来或者修改某个很麻烦：

<base target="_blank" />  /*所有的超链接默认在新的页面打开*/

在这里插入图片描述

页面有很多图片，当更换图片所在位置很麻烦，提出前面的路径，img标签里只留图片名。但是有个问题：超链接a和href也会加上此前缀，容易出错。

<base href="./img/" />

在这里插入图片描述

2.3. HTML link 元素

<link> 标签定义文档与外部资源之间的关系。
<link> 标签最常用于连接样式表：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

2.4. HTML style 元素

<style> 标签用于为 HTML 文档定义样式信息。

2.5. HTML meta 元素

元数据（metadata）是关于数据的信息。
<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。
典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
防止乱码：

<meta charset="UTF-8">

meta标签分为两部分。HTTP的头部信息（http-equiv）和页面描述信息（name）。
http-equiv类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。
meta的常用用法：

设置文档的编码：
<meta charset="utf-8" /> 或者
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

搜索引擎优化：提高网站排名

定义页面的关键词：（搜索引擎优化，搜索这些关键词就能搜到此页面）
<meta name="keywords" content="HTML, CSS, XML" />

例如：新浪首页
在这里插入图片描述

定义页面的描述：
<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />
name 和 content 属性的作用是描述页面的内容。
自动刷新或跳转页面：
这个表示当前页面每5秒钟刷一下，刷一下：
<meta http-equiv="refresh" content="5">
这个表示当前页面2秒后跳到另外一个首页：
<meta http-equiv="refresh" content="2; url='/'">
例如：
<meta http-equiv="refresh" content="5; url='http://www.qq.com/'">
定义页面过期时间：
<meta http-equiv="expires" content="Sunday 26 October 2008 01:00 GMT" />
content中的时间必须是GMT格式（格林威治时间）。
设置cookie的过期时间（密码保存时间）：
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式。
强制页面在当前窗口中以独立页面显示：
<meta http-equiv="windows-Target" contect="_top">，可以防止自己的网页被别人当作一个frame页调用。
强制页面不用缓存：

<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">

手机浏览器兼容性设置：

<meta content="telephone=no, address=no" name="format-detection">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

2.6 HTML script 元素

<script> 标签用于定义客户端脚本，比如 JavaScript。

3. 字符实体

在 HTML 中，某些字符是预留的。
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
在这里插入图片描述

B&&C

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML笔记（二）

HTML笔记（二）五、细节1. 文档类型2. 头部分2.1. HTML title 元素2.2. HTML base 元素2.3. HTML link 元素2.4. HTML style 元素2.5. HTML meta 元素2.6 HTML script 元素3. 字符实体五、细节1. 文档类型常用的 DOCTYPE 声明HTML 5：<!DOCTYPE html>HTM...
复制链接

扫一扫