HTML的标签与属性/title标签/meta标签/

一、标签的属性

目的：HTML的默认的页面样式不够，所以应用标签属性来设置更丰富的标签属性来增加样式

1.语法格式：

1、可以拥有多个属性

2、位置固定，属性必须写在开始标签中，位于标签名之后。如<font size="3">文本</font>

3、属性之间不分先后顺序

4、标签名与属性、属性与属性之间以空格分开

<标签名属性1 = "属性值1" 属性2 = "属性值2"> 内容 </标签名>属性和属性值可以称之为一个“键值对”。其中属性名是"键"，属性值是“值”

示例代码： <p align = "cener>" 居中的文本</p>

二、HTML文档的头部相关标签

1. < title >标签

主要用于设置HTML的标题，主要显示在网页的标题栏，且一个HTML只能有一个title标签<title>网页标题名称</title>

2.< META/ >标签(UTF-8字符编码)

主要作用是设置网页的关键字

具体方法与属性：

设置网页的关键字

一个好的关键字能够使搜索引擎搜索排名起到帮助
name = "keywords" content="网页关键字"

设置网页的描述

name = "description" content="网页描述"

设置网页的作者
主要用于用于定义作者的信息

name = "author" content="作者信息"

设置字符集
设置字符集需要用到的属性名是http-equiv和content属性。可以设置服务器发送给浏览器的HTTP头部信息，为浏览器显示该页面提供相关的参数标准

<meta http-equiv =
"Content-Type" content = "text/teml; charset = utf-8"/>

HTML5简化形式<meta Charset = "utf-8">

设置页面自动刷新与跳转

<meta http-equiv =
"refresh" content = "10; url= http://www.baidu.com"/>
定义网页的自动刷新时间为10秒，跳转的网页为baidu.com

###欢迎加入QQ群一同交流学习937864538

HTML的标签与属性/title标签/meta标签/相关推荐

SEO优化之Title 和 Meta 标签
对搜索引擎最友好(Search Engine Friendly)的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来实现内容管理和交互功能.SEO 思想指导下的技术支持,主要是 ...
前端搜索引擎优化SEO优化之Title 和 Meta 标签
前端搜索引擎优化SEO优化之Title 和 Meta 标签对搜索引擎最友好(Search Engine Friendly)的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来 ...
修改html中meta标签,利用JS或JQuery修改网页title和meta标签的content内容
这篇文章主要为大家详细介绍了利用JS或JQuery修改网页title和meta标签的content内容,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 网页的ti ...
html meat 标签菜鸟,seo技术之META标签
META标签,是HTML语言head区的一个辅助性标签.在几乎所有的page里,我们都可以看到类似下面这段html代码: --------------------------------------- ...
HTML5中Head内标签详解(一)：meta标签
引言: 我发现自己最近有点走偏了,越来越多的将学习的精力放在编程上,而渐渐的忽略了HTML这个简单又不简单的标记语言上.相信大家应该也有这样的经历.觉得HTML这种东西很简单不需要花费太多精力就能使用 ...
a标签download属性无效_html常用标签大全
html中标签有很多,每一种标签都有着不同的用处,下面这篇文章给大家总结html常用的标签,每一种标签都会跟随一个例子,话不多说,让我们来看看具体内容. 我的学习交流群web前端学习交流群 <f ...
【Jquery】------- iframe标签获取属性src中的标签(元素)input值实例代码
一,如下iframe标签代码: <iframe id="iframe" src="/pub/job/cron_editor/CronEditor.html" ...
前端学习--常用标签及属性（超链接a标签与img图片标签）
常用标签 1.超链接标签a <a href="链接地址" target="xx">xx</a> a标签最重要的属性是 href 属性,它 ...
移动平台的meta标签-----神奇的功效
对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究 ...
Meta标签详解,太重要了
您的个人网站即使做得再精彩,在"浩瀚如海"的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在 ...