作为一个前端,经常写html文档,但是却很少去在意头部的标签有哪些,也很少在意每个标签的作用,下面我们来详细了解下。
头部的标签,也就是写在<head><head/>里。通常会有6个标签:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
<base href="http://www.baidu.com/images/" target="_blank">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style type="text/css">
body {font-size:16px}
p {color:blue}
</style>
<script> document.write("Hello World!") </script>
</head>
<body> 文档内容...... </body>
</html>
一、<title>元素。
1.title 标签定义了文档的标题,在HTML文档中是必须的。它会展示在浏览器的工具栏上。
2.如果要展示一个图标,可以再加一个<link>标签,<link>标签的 rel属性为“icon”,后面的
href跟上图片的地址。
<link rel="icon" href="图片url">
二、<base>元素。
base标签描述了基本的链接地址,该标签作为HTML文档中所有的链接的默认链接
<head>
<base href="http://www.php.cn/tpl/Index/Static/img/" target="_blank" />
</head>
<body>
<img src="banner7.jpg"/>
</body>
上面的img标签的src链接的地址就是base里的地址加上img里的地址。
三、<link>元素。
link标签定义了文档与外部资源之间的关系,它通常用于链接到样式表。
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
四、<style>元素。
style标签定义了HTML文档的样式,这个我们经常会使用到,都不会陌生。
五、<meta>元素。
meta标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。它常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
// 编码格式定义
<meta charset="utf-8">
// 为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
// 为网页定义描述内容:
<meta name="description" content="头部标签 & 使用">
// 定义网页作者:
<meta name="author" content="Runoob">
// 每30秒钟刷新当前页面:
<meta http-equiv="refresh" content="30">
// 视图层的参数定义
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
// content属性值 :
// width:可视区域的宽度,值可为数字或关键词device-width
// height:同width
// intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
// maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
// maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
// user-scalable:是否可对页面进行缩放,no 禁止缩放
六、<script>元素。
script标签用于加载脚本文件,比如说javascript,可以直接书写js,也能用于链接外部的js文件。
<script>
document.write("Hello World!")
</script>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
头条创作挑战赛# 在Excel VBA中,HTMLTitleElement对象用于表示HTML文档中的标题标签(<title>)。以下是6个代码实例来解释说明HTMLTitleElement对象的用法:
1、获取HTML文档中的标题内容:
Dim doc As New HTMLDocument
doc.body.innerHTML = "<title>My Title</title>"
Dim title As HTMLTitleElement
Set title = doc.getElementsByTagName("title")(0)
MsgBox title.innerText ' 输出:"My Title"
2、修改HTML文档中的标题内容:
Dim doc As New HTMLDocument
doc.body.innerHTML = "<title>Old Title</title>"
Dim title As HTMLTitleElement
Set title = doc.getElementsByTagName("title")(0)
title.innerText = "New Title"
MsgBox doc.body.innerHTML ' 输出:"<title>New Title</title>"
3、获取HTML文档中标题标签的属性:
Dim doc As New HTMLDocument
doc.body.innerHTML = "<title id=""myTitle"">My Title</title>"
Dim title As HTMLTitleElement
Set title = doc.getElementsByTagName("title")(0)
MsgBox title.id ' 输出:"myTitle"
4、判断HTML文档中是否存在标题标签:
Dim doc As New HTMLDocument
doc.body.innerHTML = "<h1>Heading</h1>"
Dim title As HTMLTitleElement
Set title = doc.getElementsByTagName("title")(0)
If Not title Is Nothing Then
MsgBox "标题存在"
Else
MsgBox "标题不存在"
End If
5、创建新的HTML标题标签:
Dim doc As New HTMLDocument
Dim title As HTMLTitleElement
Set title = doc.createElement("title")
title.innerText = "My Title"
doc.body.appendChild title
MsgBox doc.body.innerHTML ' 输出:"<title>My Title</title>"
6、删除HTML文档中的标题标签:
Dim doc As New HTMLDocument
doc.body.innerHTML = "<title>My Title</title>"
Dim title As HTMLTitleElement
Set title = doc.getElementsByTagName("title")(0)
title.remove
MsgBox doc.body.innerHTML ' 输出:""
请注意,上述示例中的HTMLDocument对象是Microsoft HTML Object Library中的一个对象,需要在VBA的引用中添加对"Microsoft HTML Object Library"的引用。
在使用HTMLTitleElement对象时,以下是一些需要注意的事项:
1、引用对象类型:HTMLTitleElement对象是从HTMLDocument对象获取的,因此需要先创建和加载HTMLDocument对象,然后使用getElementsByTagName方法获取标题标签(<title>)的引用。
2、确保HTML文档具有标题标签:在使用HTMLTitleElement对象之前,需要确保HTML文档中存在标题标签。否则,尝试获取标题标签的引用将导致错误。
3、处理innerText属性:HTMLTitleElement对象具有innerText属性,用于获取和修改标题标签的文本内容。可以使用innerText属性读取和设置标题文本。
4、处理其他属性:HTMLTitleElement对象还可能具有其他属性,例如id、className等。可以根据需要获取和操作这些属性。
5、确保正确的HTML文档结构:在使用HTMLTitleElement对象之前,应该确保整个HTML文档的结构正确且完整。否则,可能会导致意外的行为或错误。
6、错误处理:在使用HTMLTitleElement对象时,应该进行适当的错误处理,例如检查对象是否为空,以避免可能的运行时错误。
7、导入所需引用:使用HTMLTitleElement对象需要导入"Microsoft HTML Object Library"引用。请确保在VBA的引用中添加了对该引用的引用。
请谨记以上注意事项,并根据实际情况适应和处理HTMLTitleElement对象。
tml标签中H标签又称标题标签。在建网站中会使用到,不到的段落格式需要使用不同的标签。标签可以反映一段文字的大小、颜色、缩写、换行、间距等等内容,根据全文的实际情况灵活应用标签,特别是HTML标题标签将对网站文章的质量起到非常重要的作用。我们围绕着这个标签详细讲一下如何正确使用标题标签。
HTML标题标签的种类:
HTML标题标签总共有6个,分别为:H1,H2,H3,H4,H5,H6。
h1代表最大,它的重要性最高,字体也最大。
h6代表最小,字体最小,重要性也最小。
h1,h2,h3,h4,h5,h6,作为HTML标题标签,显示的文字样式为粗体,与html粗体标签效果一样。
HTML标题标签的重要性:
H1-H6以重要性递减,它可以让页面的层级关系更加清晰。
示例: <h1>一级标题</h1> <p>段落</p> <div> <h2>二级标题</h2> <p>...</p> <div> <h3>三级标题</h3> <p>...</p> <div> <h4>四级标题</h4> <p>...</p> </div> </div> </div>
根据文章实际的段落意义正确使用代表不同层级关系的HTML标题标签,浏览器才能通过HTML解析出与本意一致的表达效果。
*请认真填写需求信息,我们会在24小时内与您取得联系。