web前端html学习笔记(6)——框架、实体、全局属性和元信息

一、框架标签

框架标签可以在网页中嵌入广告,嵌入浏览器能看的任何文件,与超链接或表单的 target 配合,展示不同的内容

<!-- 利用iframe嵌入一个普通网页 -->
<iframe name="taobao" src="https://www.taobao.com" width="900" height="300" frameborder="0"></iframe>

属性:

        name:框架名字,可以与 target 属性配合

        src:要展示的来源

        width : 框架的宽

        height : 框架的高度

        frameborder :是否显示边框,值:0 或者1

下面超链接或者表单的target与框架标签的name一致,框架标签不是块级元素,因为不换行

<!-- 与超链接的target属性配合使用 -->
<a href="https://www.toutiao.com" target="container">点我看新闻</a>
<a href="https://www.taobao.com" target="container">点我看淘宝</a><br>

<!-- 与表单的target属性配合使用 -->
<form action="https://so.toutiao.com/search" target="container">
    <input type="text" name="keyword">
    <input type="submit" value="搜索">
</form>

<iframe name="container" frameborder="0" width="900" height="300"></iframe>

二、HTML实体

HTML即用特殊的形式,来表示某个符号

字符实体由三部分组成:一个 & 和 一个实体名称(或者一个 # 和 一个实体编号),最后加上一 个分号 ; 

完整实体列表可以在此找到

HTML Standard (whatwg.org)

三、HTML全局属性

id

        给标签指定唯一标识,id 在一个html文件内是不能重复的

        可以让 label 标签与表单控件相关联;也可以与 CSS 、JavaScript 配合使用

        不能在以下HTML元素中使用:

                <head>   <html>   <meta>   <script>   <style>   <title>

class

        给标签指定类名,随后通过 CSS 就可以给标签设置样式

style

        给标签设置 CSS 样式

dir

        内容的方向,值: ltr 、 rtl

       用于<bdo>表示文字的顺序,用于<div>表示文字在屏幕的位置

        不能在以下HTML元素中使用:

                <head>   <html>   <meta>   <script>   <style>   <title>

title

        给标签设置一个文字提示,一般超链接和图片用得比较多

lang

        给标签指定语言,一般在html中用得多

        不能在以下HTML元素中使用:

                <head>   <meta>   <script>   <style>   <title>

完整全局属性可以参考如下

全局属性 - HTML(超文本标记语言) | MDN

四、meta元信息

配置字符编码

<meta charset="utf-8">

针对 IE 浏览器的兼容性配置

<meta http-equiv="X-UA-Compatible" content="IE=edge">

针对移动端的配置

<meta name="viewport" content="width=device-width, initial-scale=1.0">

配置网页关键字

<meta name="keywords" content="8-12个以英文逗号隔开的单词/词语">

配置网页描述信息

<meta name="description" content="80字以内的一段话,与网站内容相关">

针对搜索引擎爬虫配置

<meta name="robots" content="此处可选值见下表">

 配置网页作者

<meta name="author" content="tom">

配置网页生成工具

<meta name="generator" content="Visual Studio Code">

配置定义网页版权信息

<meta name="copyright" content="2023-2027©版权所有">

配置网页自动刷新

<meta http-equiv="refresh" content="10;url=http://www.baidu.com">

完整meta元信息可以参考如下

<meta>:元数据元素 - HTML(超文本标记语言) | MDN (mozilla.org)


总结

本篇学习框架标签、html实体、html全局属性和meta元信息,至此,html4的内容告一段落了。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值