HTML_实体、meta标签

2024-05-28 10:21:53

html实体

在html中有些时候，我们不能直接书写一些特殊符号。比如多个连续的空格，比如字母两侧的大于和小于号
如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体(转义字符)
实体的语法：
&实体的名字：
&nbsp：(Non-Breaking Space)不换行空格
   &gt：(greater than)大于号
   &lt：(less than)小于号
   &copy：(Copyright)版权符号，禁止复制

<html> <head><meta charset="utf-8"><title>html实体</title></head><body><h2>&nbsp;&nbsp;静夜思</h2><h4>&nbsp;&nbsp;作者:李白</h4>床前明月光，疑是地上霜。<br>举头望明月，低头思故乡。<br><br>数学计算：如果整数x&lt;10且x&gt;8，求x的值？</body>
</html>

更多实体参考W3C中html-实体查看。

meta标签

meta主要用于设置网页中的一些元数据，元数据不是给用户看，给浏览器/搜索引擎解析的
charset：指定网页的字符集
name：指定数据的名称
content：指定数据的内容
keywords：表示网站的关键字，可以同时指定多个关键字，关键字间使用,隔开。
decription：用于指定网站的描述。网站的描述会显示在搜索引擎的搜索结果。
http-equiv="refresh" content="3;url=https://www.baidu.com"将页面重定向到另一个网站。

<!DOCTYPE html>
<!-- 显示语言为中文，浏览器加载后不需要翻译 -->
<html lang="zh">
<head><meta charset="utf8" version='1'/><title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title><meta name="description"content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"/><meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/><!-- 隔三秒后跳转到百度网站 --><meta http-equiv="refresh" content="3;url=https://www.baidu.com">
</head>
<body>
</body>
</html>

补充： title标签的内容会作为搜索结果的超链接上的文字显示

HTML_实体、meta标签相关推荐

HTML学习笔记（实体+meta标签+块、行内元素+语义化标签+布局标签）
由于学校并没有开设前端的相关课程,所以对于前端这一部分都是这里看一点,哪里看一点,这里算是做一个小小的汇总吧(因为本身想走的是后端开发,所以目前汇总一些基础的,后面遇到了再慢慢补充吧). 文章目录 1 ...
前端开发 html第二课自结束标签注释标签中的属性文档声明进制字符编码文档使用 VScode 实体 meta标签语义化标签块元素和行内元素布局标签
1 自结束标签标签一般成对出现,但是也存在一些自结束标签如: 多"/"和没有"/"区别不大 2 注释注释的作用: 注释中的内容会被浏览器忽略,不会在网页中 ...
SEO优化之meta标签
2019独角兽企业重金招聘Python工程师标准>>> meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里 ...
【建站系列教程】7、SEO优化之meta标签【最后一篇】
[建站系列教程]7.SEO优化之meta标签[进阶] 写在前面:大家好,我是热爱编程的小泽. [建站系列教程]是我的亲身建站经历写给广大建站同胞们的教学博客. 喜欢的话点个赞吧~ 评论区欢迎交流讨论~ ...
jekyll 博客对搜索引擎的SEO提升方法--head中的meta标签和Jekyll SEO Tag
我用GitHub Pages搭建了jekyll的博客后,想要提升自己博客的SEO,尤其是对搜索引擎:百度.谷歌. head中的meta标签说道提升SEO,必然要提到HTML中的head标签中的met ...
HTML meta标签总结
HTML meta标签总结,HTML5 head meta属性整理-前端开发博客 http://caibaojian.com/mobile-meta.html 转载于:https://www.cnbl ...
html5 meta标签属性整理
html5 meta标签属性整理前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下 ...
移动平台的meta标签-----神奇的功效
对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究 ...
给html5标签设置手机号码格式化,meta标签name=format-detection属性写法及用法
meta标签中name="format-detection"属性作用是在手机端浏览html网页时,用于识别电话号码.电子邮箱和地图位置的格式! 用法格式: 将代码添加到网页的和之 ...

最新文章

热门文章