10-文档头部内标签与活动文字标签

最新推荐文章于 2019-02-21 17:32:10 发布
最新推荐文章于 2019-02-21 17:32:10 发布
阅读量355 收藏
点赞数
分类专栏： html 文章标签： url 文档 标签 优化 脚本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/skyandairchild/article/details/52729092
版权

1. 自动跳转到其它网页

格式 : <meta http-equiv="refresh" content="time;URL">

  • meta 文件头声明
  • http-equiv=”refresh” 表示网页要重新下载显示
  • content=”time;URL” 其中time表示几秒后下载新页，URL指向要下载的网页地址
    实例 :
<head>
    <meta http-equiv="refresh" content="3;index.html">
</head>

2. seo 优化

为了让别人找到自己的网页，方法之一可以通过meta和title设置。
meta标签有关seo的属性 :

属性名属性值说明
nameauthor描述作者资料
description描述网页内容
keywords关键字，可用多个逗号隔开
generator网页编辑软件
revised描述网页的版本
others其它网页信息
content字符串配合name和http-requiv设置

实例 :

    <head>
        <title>企业应用，动漫，博客</title><--放多点关键字-->
        <meta name="author" content="张三">
        <meta name="description" content="这是我的实验网站">
        <meta name="keywords" content="企业应用，动漫，博客">
        <meta name="generator" content="UltraEdit-32">
        <meta name="revised" content="html4.01">
        <meta name="others" content="这是我的实验网站，网站的内容有动漫，音乐，文章，博客等，欢迎光临">
    </head>

3. 活动文字标签

格式 : <marquee>...</marquee><!--被废弃的标签-->

属性名称属性值说明
behaviorscroll默认值，循环滑动
slide滑动一次便停止滑动
alternate根据direction左右或上下来回滑动
directionleft默认值，向左滑动
right向右滑动
down向下滑动
up向上滑动
bgcolor英文或#号加上6位十六进制数背景颜色
height像素或百分比背景高度
width像素或百分比背景宽度
scrollamount数字播放的速度
vspace像素背景上下两侧的间距
hspace像素背景左右两侧的间距

实例 :

<marquee onmouseover="this.stop();" onmouseout="this.start();" 
vspace="50" hspace="100" scrollamount="30" behavior="alternate"
 direction="down" bgcolor="yellow"  width="50%" height="50%">活动文字</marquee>

4. 网页中加入脚本程序

  • 在网页中加入脚本
    格式 : <script type="类型">...</script>
    实例 :
    <head>
    <title>我的文档头部内标签和活动文字标签</title>
    <script type="text/javascript">
                alert("nihao");
                var lastname=prompt("请输入姓氏","李");
                if(lastname){
                    alert("你好.MR." + lastname);
                }else{
                    alert("你没有输入姓氏");   
                }
    </script>
    </head>
  • 在网页中引入脚本文件
    格式 : <script type="类型" src="URL"></script>
    实例 :
<head>
<title>我的文档头部内标签和活动文字标签</title>
<script type="text/javascript" src="script/myfirstscript.js"></script>
</head>

其中放在script文件夹中的myfirstscript.js文件如下

var lastname=prompt("请输入姓氏");
if(lastname){
    alert("你好.mr." + lastname);
}else{
    alert("你没有输入姓氏");   
}
skyandairchild
关注
专栏目录
HTML5各种头部meta标签的功能(推荐)
09-27
3. **`<meta charset='utf-8'>`**：定义文档的字符编码为UTF-8，确保不同语言的文字能正确显示。 4. **`<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">`**：此标签告诉浏览器使用最新版本的渲染...
解释HTML5文档头部相关标记的含义,HTML5常用标签大全及含义解释。
weixin_36378232的博客
06-03 954
HTML标签是HTML文本中的基本元素，只有牢牢掌握这些常用的HTML标签才能设计出一个合格的网页，今天就让奇酷学院为大家讲解一下常用的HTML5标签有哪些。一、HTML5主体结构标签header 页面头部，不同与aside 边栏nav 外部链接集合section 章节或段落article 类似文章、摘要或留言POST等形式的记录(一般搭配内嵌头部、尾部、底部结构使用)hggroup 类似子标题，...
html入门教程（一）html文档结构与头部标签。
duan_2018的博客
04-03 2070
&lt;html&gt; &lt;head&gt; &lt;title&gt;我的第一个 HTML 页面&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; &lt;/head&gt; &lt;body&gt; &lt;p
2.3 HTML文档头部head的结构与meta标签
dreamingbaobei的博客
02-21 1258
head元素是所有头部元素的容器。head容器中可以包含脚本，指示浏览器在何处可以找到样式表，提供元信息等等，这里面内容较多的是meta元素（元数据），元数据的讲解将放置在最后，但它不是不重要，而是很重要。
html文档头部标记
diexi9030的博客
11-27 1508
html文档头部标记 <head>头部标记</head> <title></title>(定义网页标题，显示在浏览器的标题栏中) <base/>（基底网址标记，用于设定浏览器中文件的绝对路径，网页中的文件只需要写相对路径就可以了） <link> <meat> <meat name="" ...
HTML5标签与HTML4标签的区别示例介绍
09-28
- `<header>`用来定义页面或区块的头部。 - `<article>`定义一个独立的文章或内容块。 - `<section>`用来定义页面中的一个区域。 - `<nav>`用于页面导航链接。 - `<footer>`定义一个页面或区块的底部。 - `<aside>`...
20.2 HTML 常用标签
最新发布
07-28
10. **无序列表（）**与有序列表（）：用于创建不带顺序的列表，用于创建带数字或字母顺序的列表，两者内部都使用标签定义列表项。 11. **定义列表（）**：用于展示术语及其定义，包含（定义术语）和（定义描述）两...
HTML5不支持标签和新增标签详解
09-27
6. `<section>`：定义了一个文档中的章节，可以包含多个`<article>`或`<aside>`标签。 7. `<figure>`和`<figcaption>`：`<figure>`用来包裹图像、图表或其他多媒体，而`<figcaption>`则用来添加相关的标题或说明。 ...
2021-2022收藏的精品资料html标签大全DOC.doc
09-16
- `文件头部</head>`：定义文档的头部信息，如元数据、标题等。 - `文件主体</body>`：定义文档的主要内容区域。 - `页面标题标记</title>`：定义浏览器标题栏显示的页面标题。 3. 标记属性： - 属性用于自定义...
02.jQuery EasyUI 的渲染方式
skyandairchild的博客
04-15 1457
采用js渲染的方式推荐使用可读性强 指定class类名让解析器parser渲染1. 采用js渲染的方式（推荐使用，可读性强）部分代码如下 <script type="text/javascript"> $(function(){ $('#mydialog').dialog(); });</script> <body> <div id="mydialog">
16-CSS区块、浮动、定位、溢出、滚动条
skyandairchild的博客
10-21 588
CSS中区块的使用 CSS中浮动的使用 CSS中定位的使用 1. CSS中区块的使用 属性名称 属性值 说明 width 像素或百分比 区块的宽度 auto 默认 height 像素或百分比 区块的高度 auto 默认 min-height 像素或百分比 区块的最小高度
15-CSS边框与边界
skyandairchild的博客
10-18 560
CSS中边框的使用 CSS中边界的使用 1. CSS中边框的使用 属性名称 属性值 说明 border-style none 不显示边线(默认) dotted 点线 dashed 虚线 solid 实线 double 双线 border-width 长度 边框
6-超链接
skyandairchild的博客
09-23 512
超链接也叫URL(资源定址器)。这个定址器的功能主要告诉浏览器
11-XML与XHTML
skyandairchild的博客
10-08 401
什么是XML XML与XHTML的区别 XML基本格式 1. 什么是XML XML 中文翻译为可扩展标记语言，它与超文本标记语言都是标准通用标记语言的子集。 可扩展标记语言是一种很像超文本标记语言的标记语言。 它的设计宗旨是传输数据，而不是显示数据。 它的标签没有被预定义。您需要自行定义标签。 它被设计为具有自我描述性。 它是W3C的推荐标准。 2. XML与XHTML的区
4-表格
skyandairchild的博客
09-20 351
1 表格的基本格式 2 table标签的属性 3 table 标签的边框设置 4 tr th td 标签的常用属性 5 拆分和合并单元格 6 表格的结构化 7 表格的竖行分组 8 表格的标题 9 嵌套表格的应用在网页中表格是一种经常使用的设计结构，但比较少用于布局。所有在HTML中可以使用的数据，都可以作为表格的内容，如文字、图像、表单、超链接、表格等。 1. 表格的基本格式格式
8-框架
skyandairchild的博客
10-02 312
浏览器视窗本身就是用于显示网页的单一框架，可将原先盛放单一框架的视窗分割成多个框架，每个框架分别显示指定的网页。 1.
5-图像
skyandairchild的博客
09-21 310
1 背景图片的设置 2 将图片插入网页中 1. 背景图片的设置 格式 : 2. 将图片插入网页中 格式 : 功能 : 将图片插入网页，单一标签 的属性如下 : 属性名称 属性值 说明 src URL 图片的路径 alt 字符串 图片的注解 width 像素 绝对设置，宽 百分
3-排列清单控制标签
skyandairchild的博客
09-17 309
1 无序号条例式清单 排列清单控制标签可以创建一般列表，编号列表，加着重号列表，以及定义列表。还可以在一种列表中嵌套另一种列表。对于概括因特网上的内容，列表是非常方便的。 1. 无序号条例式清单 格式 : ```html ... ... ... ... ``` 功能 : `` 和 `` 的属性
HTML5文档结构与新增标签详解
"HTML5的文档结构和新增标签完全解析" HTML5是现代Web开发的核心，它的出现极大地简化了文档结构并引入了许多新的标签，旨在提高网页的语义性和易读性。本文将深入探讨HTML5的文档结构以及其新增的标签。 一、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值