第三章:HTML的字符实体,meta标签以及全局属性

server/2025/1/16 22:23:33/
htmledit_views">

目录

一、字符实体

二、meta元信息

三、全局属性

四、总结


一、字符实体

在 HTML 中,某些字符是预留的,不能直接使用。例如,小于号(<)和大于号(>)会被浏览器误认为是标签,空格会被认为是缩进而被处理。为了正确显示这些预留字符,我们需要使用字符实体。

字符实体有两种表示方式:1.使用实体名称:&entity_name;2.使用实体编号:&#entity_number;

 比如:我们要输出一个空格,可以直接输出,但是要输出几个空格,就不能直接输入空格,此时可以使用字符实体,空格的实体是&nbsp或者&#160,前者是实体名称,后者是实体编号。

下面是一些常用的字符实体(更多可在MDN官网查看):

二、meta元信息

meta即meta标签,元信息指网页的基本信息。

html"><!DOCTYPE html>
<html lang="zh-CN"><head><!-- 配置字符编码 --><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="C语言,卿言卿语"><!-- 配置网页描述信息 --><meta name="description" content="里面写了很多代码和知识,值得你的到来"><!-- 针对搜索引擎爬虫配置 --><meta name="robot" content="noindex"><!-- 配置网页自动刷新 --><meta http-equiv="refresh" content="3;http://www.baidu.com"><!-- 针对双核浏览器,优先使用webkit内核进行渲染 --><meta name="renderer" content="webkit"><title>meta元信息</title>
</head><body></body></html>

大致有以上一些语句,分别具有不同的作用,比如第一句是配置字符编码的标准,第二句是针对IE浏览器的兼容性配置,第三句是针对移动端适配问题,第四句是配置网页关键字,即我们搜索文字是,为什么会出现某一个页面,因为这个页面配置了这个关键字,比如搜索商品是会出现电商网页,因为电商网页将“商品”两个字设置为了关键字。等等,更多meta标签的使用可以上MDN官网上查看。

三、全局属性

全局属性指大部分标签均具有的属性,不是所有属性都是全局属性,有些属性只有部分标签可以使用,下面介绍五个常用的全局属性:

1.id:id是给标签指定的唯一标识(id不能重复)。作用:可以结合a标签,实现锚点的跳转,具体可看上一章节;还可以结合lable标签使用;应用最多是结合css和js使用。

注意:id属性不能用于head,html,meta,script,style,title标签上,其他均可以。

2.class:给标签指定类名,随后通过css就可以给标签设置样式了。

3.style:给标签设置行内样式。

4.dir:内容的方向,可选值有ltr(从左至右,默认值),rtl(从右至左)。

注意:不能在head,html,meta,script,style,title标签上使用。

5.title:给标签设置文字提示,即鼠标悬浮一段时间,跳出来的提示文字。多用于超链接和图片。

更多全局属性可在MDN官网上查看。

四、总结

本章节介绍了HTML4的字符实体,meta元信息和常用的全局属性。下一节将介绍HTML5新增的功能。更多详细代码可点击此处查看Rocket/learn-HTMLAndCss。


http://www.ppmy.cn/server/158929.html

相关文章

MYSQL的第一次作业

目录 前情提要 题目解析 连接并使用数据库 创建employees表 创建orders表 创建invoices表 ​查看建立的表 前情提要 需要下载mysql并进行配置&#xff0c;建议下载8.0.37&#xff0c;详情可见MySQL超详细安装配置教程(亲测有效)_mysql安装教程-CSDN博客 题目解析 …

简识MySQL中ReadView、RC、RR的关系

一、背景 在MySQL中&#xff0c;ReadView是事务进行快照读操作时生成的读视图&#xff0c;它用于确定哪些数据对当前事务是可见的。ReadView的生成和属性受MySQL事务隔离级别的影响&#xff0c;特别是RC&#xff08;Read Committed&#xff0c;读已提交&#xff09;和RR&#x…

Elasticsearch实战应用:从基础到高级

引言 Elasticsearch 是一个分布式、RESTful 风格的搜索和数据分析引擎&#xff0c;能够快速地存储、搜索和分析大量数据。它广泛应用于日志分析、全文搜索、实时数据分析等场景。本文将深入探讨 Elasticsearch 的实战应用&#xff0c;涵盖从基础概念到高级应用的各个方面。 1…

mysql 等保处理,设置wait_timeout引发的问题

&#x1f468;‍⚕ 主页&#xff1a; gis分享者 &#x1f468;‍⚕ 感谢各位大佬 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! &#x1f468;‍⚕ 收录于专栏&#xff1a;运维工程师 文章目录 前言问题处理 前言 系统部署完成后&#xff0c;客户需要做二级等保&…

【Unity-Game4Automation PRO 插件】

Game4Automation PRO 插件 是一个用于 Unity 引擎 的工业自动化仿真工具&#xff0c;它提供了对工业自动化领域的仿真和虚拟调试支持&#xff0c;特别是在与工业机器人、生产线、PLC 系统的集成方面。该插件旨在将工业自动化的实时仿真与游戏开发的高质量 3D 可视化能力结合起来…

CVE-2025-22777 (CVSS 9.8):WordPress | GiveWP 插件的严重漏洞

漏洞描述 GiveWP 插件中发现了一个严重漏洞&#xff0c;该插件是 WordPress 最广泛使用的在线捐赠和筹款工具之一。该漏洞的编号为 CVE-2025-22777&#xff0c;CVSS 评分为 9.8&#xff0c;表明其严重性。 GiveWP 插件拥有超过 100,000 个活跃安装&#xff0c;为全球无数捐赠平…

wordpress 房产网站筛选功能

自定义分类法创建 add_action( init, ashu_post_type ); function ashu_post_type() {register_taxonomy(province,post,array(label => 省,rewrite => array( slug => province ),hierarchical => true));register_taxonomy(city,post,array(label => 市,rewr…

网络攻击行为可视化分析系统【数据分析 + 可视化】

一、系统背景 随着信息技术的快速发展&#xff0c;网络已成为现代社会不可或缺的一部分。然而&#xff0c;与此同时&#xff0c;网络攻击手段也日益多样化和复杂化&#xff0c;给企业和个人的信息安全带来了极大的威胁。传统的网络攻击分析方法往往依赖于人工分析和处理大量的…