【网络空间安全】1.1HTML学习-基础框架

翎澄羚

已于 2022-12-11 17:05:24 修改

阅读量81

点赞数

文章标签： html 学习

于 2022-12-11 00:29:00 首次发布

本文链接：https://blog.csdn.net/qq_47791770/article/details/128270058

版权

HTML基础框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

<html></html>
大部分标签成对出现便于内部插入内容。
<input type="text" value="按钮" />
少数单独呈现的标签，则在标签属性中赋值。

<!DOCTYPE html>
声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。为让不同浏览器正常识别通常需要附带。

<html></html>
浏览器展示所有元素的容器

<head></head>
所有头部元素的容器

<title></title>
网页标题名称

<meta></meta>
元素可提供有关页面的元信息（meta-information）

<body></body>
body 元素定义文档的主体

name属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的名称。通常情况下，可以自由使用对自己和源文档的读者来说富有意义的名称。

keywords属性是一个经常被用到的名称。用于为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。
auther属性用于表示网页作者名字
description属性用于描述网页
viewpoint属性用于仅用于为移动端窗口的初始大小提供指示 <meta name = "viewpoint" content = "width = device-width,initial-scale=1.0">
width = device-width设置宽度为设备宽度
initial-scale=1.0设置与设备宽度比例
robots属性用于限制爬虫|搜索引擎对此页面的抓取
<meta name = "robots" content = "all">
1. all可抓取本页面，也可通过本页面抓取其他页面
2. none不可抓取本页面，也不可通过本页面抓取其他页面
3. index可抓取本页面
4. noindex不可抓取本页面，但可通过本页面抓取其他页面
5. follow可通过本页面抓取其他页面
6. nofollw不可通过本页面抓取其他页面
renderer属性用来指定双核浏览器的渲染方式
<meta name = "renderer" content = "webkit">
1. webkit默认webkit内核
2. ie-comp默认ie兼容模式
3. ie-stand默认ie标准模式
referer属性用于控制客户端发送给服务器的referer信息，告诉服务器端一些客户端信息如：来源网页地址 <meta name = "referer" content = "no-referer">
1. never删除http head中的referer
2. origin只发送origin部分
3. always不改变

content 属性与name或http-equiv连用定义内容

http-equiv 属性可用于模拟 HTTP 响应标头

content-type规定文档的字符编码
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
refresh定义文档自我刷新的时间间隔
<meta http-equiv="refresh" content="300">
X-UA-Compatible属性用于做ie浏览器适配
<meta http-equiv = "X-UA-Compatible" content = "IE = edge,chrome = 1”>
1. IE = edge让当前浏览器支持的最新版本渲染，IE9就以IE9渲染
2. chrome = 1 如果IE安装了Google Chrome Frame插件，就以chrome内核渲染
content-type属性用于声明文档类型和字符集
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
x-dns-prefetch-control一般再HTML页面中的a标签会自动启用DNS提前解析来提升网站性能，但再https协议的网站中失效了，可以用该标签打开a标签的提前解析
<meta http-equiv = "x-dns-prefetch-control" content ="on">