HTML基本标签(-)

最新推荐文章于 2024-07-24 17:16:26 发布

promiselll@@

最新推荐文章于 2024-07-24 17:16:26 发布

阅读量363

点赞数 1

文章标签： html html5

本文链接：https://blog.csdn.net/qq_37412281/article/details/117227530

版权

HTML基本标签(-)

<!DOCTYPE> 声明

<!DOCTYPE html>
<html>
	<head>
		<title>关于DOCTYPE文档声明</title>
	</head>
	<body>
		文档的内容......
	</body>
</html>

<!DOCTYPE>声明必须是写在HTML 文档的第一行，位于< html >标签之前。
<!DOCTYPE>声明不是 HTML 标签；它告诉浏览器当前html版本，帮助浏览器正确显示网页
在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD
请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。

DTD是一套关于标记符的语法规则，是保证html文档格式正确的有效方法，可以通过比较html文档和DTD文件来看文档是否符合规范，元素和标签使用是否正确。

<html>标签

<html>
	<head>
	 	...
	</head>
	<body>
		...
	</body>
</html>

<html>是文档的根元素
<html>可告知浏览器其自身是一个 HTML 文档。

<head>标签

<html>
	<head>
		<title>文档的标题</title>
		描述网页基本信息
	<head>
</html>

<head>描述网页基本信息
<head>中的元素可以提供元信息、引用脚本、引入样式表
各大厂商定制信息
<head>中<title>标签是唯一必要的元素

<title>标签

<html>
	<head>
		<title>定义文档标题</title>
	<head>
</html>

用于定义文档标题
<title>标签中的内容会显示在浏览器窗口的标题栏或状态栏上。当把文档加入收藏夹或书签时，标题将成为该文档链接的默认名称

<base>标签

<head>
	<base href="http://www.w3school.com.cn/i/" />
	<base target="_blank" />
</head>
<body>
	<img src="eg_smile.gif" />
	<a href="http://www.w3school.com.cn">W3School</a>
</body>

<base>标签为页面上的所有链接规定默认地址或默认目标
为页面上的所有链接规定在何处打开页面中所有的链接

<meta>标签

<head>
	<meta charset="UTF-8">
	<meta name="description" content="HTML examples">
	<meta name="keywords" content="HTML,ASP,PHP,SQL">
</head>

<meta>标签可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词
<meta>标签中的必需属性：

1、name属性 - ＜meta name=“参数” content="具体参数值"＞

<meta name="keywords" content="html css javascript">
<!-- 告诉搜索引擎页面所涉及的关键词 -->
<meta name="description" content="html tag ">
<!-- 规定页面的描述 -->
<meta name="author" content="promiselll">
<!-- 页面的作者名字 -->

2、http-equiv 属性 - ＜meta http-equiv=“参数” content="具体参数值"＞

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- 规定文档的字符编码 -->
<!--HTML 4.01： <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    HTML5： <meta charset="UTF-8">  推荐：因为更短-->

<meta http-equiv="Cache-Control" content="no-cache"/>
<!--清除缓存（再访问这个网站要重新下载！）-->

<meta http-equiv="Expires" content="0"/>
<!--设定网页的到期时间-->

<link>标签

<head>
	<link rel="stylesheet" type="text/css" href="theme.css" />
	<!-- 1.type="定义当前文本内容以层叠样式表（CSS）来解析"
		 2.rel="定义当前文档与被链接文档之间的关系，这里是调用外部文件，stylesheet即代表css样式表。"
		 3.href="定义被链接文档的位置，这里链接所指向的是：同一目录下名为style.css的文件。" -->	 

	<link rel="shortcut icon " type="images/x-icon" href="./favicon.ico">
	<!-- 1.Shortcut Icon 就是在网址列前面出现的Icon
		 2.ico文件格式通常可以被所有可以显示favicon的浏览器读取
		 3.favicon.ico文件应置于根目录下  -->
		
</head>

定义文档与外部资源的关系 --> 最常见的用途是链接样式表（CSS）
<link>标签是空标签，它仅包含属性，可以多次使用

<style>标签

<html>
	<head>
		<style type="text/css">
			h1 {color:red}
			p {color:blue}
		</style>
	</head>
	<body>
		<h1>Header 1</h1>
		<p>A paragraph.</p>
	</body>
</html>

<style>标签用于为 HTML 文档定义样式信息
type 属性是必需的，定义 style 元素的内容。唯一可能的值是 “text/css”

<body>标签

<html>
	<head>
	  <title>文档的标题</title>
	</head>
	<body>
	  文档的内容... ...
	</body>
</html>

<body>标签定义文档的主体
<body>标签包含文档的所有内容

promiselll@@

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基本标签(-)

HTML基本标签(-)<!DOCTYPE> 声明<!DOCTYPE html><html> <head> <title>关于DOCTYPE文档声明</title> </head> <body> 文档的内容...... </body></html><!DOCTYPE>声明必须是 HTML 文档的第一行，位于< html >标签之前。&l
复制链接

扫一扫