HTML主体结构&head标签中常用的标签

最新推荐文章于 2022-01-23 17:03:39 发布
最新推荐文章于 2022-01-23 17:03:39 发布
阅读量924 收藏 4
点赞数 1
分类专栏： 百天学习计划记录 HTML 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fla5hback/article/details/121631945
版权

HTML主体结构

<!DOCTYPE html> //html5声明头，老浏览器都兼容
<html>
	<head></head> 
	<body></body>
</html>
  1. 最顶部声明
    声明是文档的第一成份，位于文档的最顶部。
    该标签告诉浏览器所使用的HTML规范。（H5的规范，所有浏览器均兼容）
  2. 以开始，以结束，中间包含头部标签及主体标签

head标签中常用的标签

<head lang="en">
	<!-- 
	lang是language的意思，lang="en"属性对页面声明主要语言，en表示英文，zh-cn表示中文。
	搜索引擎不会判断该站点是中文还是英文，它让搜索引擎知道你的站点是中文站，这些都是HTML的规范，越规范越容易被搜索引擎收录
	-->
	<title></title> 设置网页标题
	<meta charset="utf-8" /> 设置页面字符集 HTML5
	<!--http-equiv 告知浏览器行为-->
	<meta http-equiv="content-type" cotent="text/html;charset=utf-8" /> HTML4设置页面字符集的方式
	<meta http-equiv="refresh" content="3;url=http://www.baidu.com" /> 网站3秒后刷新跳转到百度
	<meta http-equiv="refresh" content="3" />网站3秒刷新一次
	<meta name="keywords" content="关键字,关键字,多个关键字用英文逗号进行隔开" /> 设置网站关键字，有利于搜索引擎排名靠前
	<meta name="description" content="描述的内容" /> 在搜索引擎网站标题下显示的内容
	<link rel="icon" type="image/png" href="./img/111.png"/> 此处设置网页标题的图标，type填写mime类型
	<!--
		rel = 表示文档与被连接文档之间的关系
		type = 被连接文档的类型
		href = "被连接文档的地址"
	 -->
	 <link rel="stylesheet" type="text/css" href="css.css" />加载CSS文件
	 <style></style> 加载CSS样式
	 <script>
	 alert("弹个窗") //在此区间可以加javascript代码
	 </script> 在此
	<!--name 告知浏览器的内容 -->
	<!--阻止移动浏览器自动调整页面大小 -->
	<meta name="viewport" content="initial-scale=2.0,width=device-width" />
	<!--
		name = "viewport" 说明此meta标签定义视口的属性
		initial-scale = 2.0 意思是将页面放大两倍
		width = device-width 告诉浏览器页面的宽度的能与设备的宽度
	 -->
	 <meta name="viewport" content="width=device-width,maximun-scale=3,minimum-scale=0.5" />
	 <!--允许用户将页面最大放大至设备宽度3倍，最小压缩至设备宽度的一半-->
	 <meta name="viewport" content="initial-scale=1.0,user-scalable=no" />
	 <!--禁止用户缩放，可以在混合APP时，为了使html页面更逼真，使页面无法缩放，user-scalable=no是禁止缩放-->
</head>
Fla5hback
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML基本结构标签以及常用标签
qq_52341981的博客
08-23 2836
我们常用的开发工具：VScode 首先我们先看到的是HTML的基本结构标签 由上图我们依次解释其用途 <html></html>作为页面中一个最大的标签，包裹住其他小标签，称其为根标签 <head></head>文档的头部，在这其中必须包含tilte标签 <title></title>文档的标题，给页面设置标题 <body></body>文档发主体，页面中的内容基本都放在改标签里。 接着我们来.
HTML基本结构及常用标签
sinat_40442798的博客
05-25 999
什么是HTML？ HTML：超文本标记语言，通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。它是用来设计网页的标记语言，以.html或.htm为后缀。 HTML的基本结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--
《Html》前端学习笔记
最新发布
04-12
HTML 是什么 超文本标记语言，一个网页在不同的地方使用不同的标签去标记 一个网页的组成：HTML+CSS+JavaScript（JS、JQuery） HTML：结构；网页显示什么内容由 HTML 来决定 CSS ：层叠样式；决定这个网页好不好看（颜色、大小、尺寸） Javascript：行为、动态 HTML 的基本结构： <!DOCTYPE html>声明文档类型 ，doctype 不区分大小写，没有 5 <html>：是整个文档的根节点，它包含了两个子节点 <head>：主要描述文档设置信息， 比如字符集（有 utf-8） ，标题 title <body>：是文档的主体，需要呈现的内容
html标记中的lang是什么意思,html中的lang标记有什么用
weixin_39753584的博客
06-16 1019
html中的lang标记有什么用一、总结一句话总结：为文档或元素设定主语言(即lang)比如google浏览器有个自动翻译的功能，而自动翻译要看这个文档的语言1、其它标签中设置lang属性？ご饭が热い。二、html中的lang标记有什么用转自或参考：html中的lang标记有什么用_百度知道https://zhidao.baidu.com/question/1047617079800044099....
HTML结构及常用的标签
Mr_fengzi的博客
08-01 1984
HTML(Hyper Text Mark-up Language )即是超文本标记语言，通过使用标记标签来描述页面文档结构和表现形式的一种语言，再由浏览器进行解析，然后把结果展示在网页上。 这里的超文本指的是超链接，标记指的是标签。
HTML的主体结构、单双标签的分类以及HTML的属性规范
weixin_47952714的博客
09-13 440
HTML5 主体结构(重中之重) <!--告诉浏览器以html5的方式来解析此文档--> <!DOCTYPE html> <!--html文档开始标签--> <html> <!--头部标签--> <head> <!--头部--标题标签--> <title>京东~爱淘宝</title> <!--设置字
HTML5 head标签的lang属性
一直专注于互联网
11-20 2892
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;/body&
HTML的基本骨架
LiLi的博客
07-24 1521
HTML HTML基本结构什么是DTD文档模型，为什么写在HTML当中？SEO是搜索引擎优化的英文缩写语义化标签HTML 中常用的标签图片超链接 HTML基本结构 <head lang="en"> lang 是 language 的意思，lang=“en” 属性对每张页面中的主要语言进行声明，en 代表了英文，只是个声明，声明了它，对搜索引擎和浏览器更友好，并不会更改显示内容。它还有常见的值是 zh-CN，代表了中文（搜索引擎不会判断该站点是中文还是英文，它让搜索引擎知道你的站点是中文站，这
Day2 HTML基本标签元素
weixin_30550081的博客
08-19 93
　　　　　　　　　　　　　　　　Day2 HTML基本标签元素 HTML: 超文本标记语言(HyperText Mark-up Language ) 　　1.作用：写网页结构　　 2.HTML不区分大小写，建议小写　　 3.文件后缀 .html 或者 .htm　　 4.html由浏览器解析执行. 由上往下，由左往右 1) HTML标签 标记 : 用于描述功能...
HTML语法格式
m0_56246862的博客
08-04 2725
HTMLHTML基本框架 HTML基本框架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> 在idea中创建HTML文件会自动生成以上代码片 !DOCTYPE html是用来告诉浏览器
HTML中的骨架标签（这里有一个叹号）DOCTYPE，＜html lang=“en“＞，＜meta charset=“UTF-8“＞
weixin_61197471的博客
01-23 2143
看注释 <!DOCTYPE html> <!-- !DOCTYPE为文件声明， 告诉浏览器网页的HTML版本 --> <html lang="en"> <!-- lang为英文language，en表示English，此外告诉浏览器网页版本 若为en浏览器常会提示将网页翻译成中文，建议设置为简体中文zh-CN --> <head> <meta charset="UTF-8"> <!-- 标识字符编码格式，.
02-HTML 基本骨架 、基本语法特性、 h 和 p 标签、图片、超级链接
why_not_的专栏
11-27 1642
### hellp 一、HTML 基本骨架 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt;
HTML标签总结，包含HTML4和HTML5
12-31
本文总结了HTML4和HTML5中的常用标签，涵盖了基本结构标签、文本标签、图片标签、链接标签、表格标签、表单标签、多媒体标签、框架标签、动态标签等。 基本结构标签 * `<!DOCTYPE>`: 定义文档类型 * `<html>`: ...
HTML的全局架构标签
10-31
在HTML中，全局架构标签是指< HTML >、< HEAD >、、等标签，这些标签共同组成了一个基本的网页结构。 < HTML >标签是网页的根标签，表示网页的开始和结束。它是所有其他标签的父标签。 < HEAD >标签定义了网页的...
HTML常用标签.pdf
10-05
HTML常用标签 HTML 是构建网页的基础语言，它提供了一些基本的结构元素来组织内容。这些结构元素被称为 HTML 标签。 HTML 标签是 HTML 文档的基础，通过这些标签，可以构建一个完整的网页。 基本文档结构标签 1. ...
html-常用HTML、CSS标签属性.pdf
10-04
* HTML结构标签是HTML文档的基础，包括`<HTML>`、`<HEAD>`、`<TITLE>`、`<BODY>` * 基本标签包括超链接、图片、换行、段落、加粗、斜体、水平线等 * 表格标签包括表格、表格行、表格单元格等 * 字体样式标签包括字体...
HTML标签详解大全.pdf
09-30
本文档将对 HTML 标签进行详细的解释，涵盖了 HTML 的基本结构、常用标签、文本格式化、图片插入、链接设置等内容。 基本结构 HTML 文档的基本结构由以下几个部分组成： * `＜html＞`：HTML 文档的根元素 * `...
13、html标签和head标签
山兔的博客
01-07 981
html标签 html标签是HTML文档的根标签，一个文档中只能有一个，其他所有标签都是它的后代标签 W3C标准建议为html标签增加一个lang属性，lang是language的意思，作用是 帮助语音合成工具确定要使用的发音 有些语言转换的工具，需要确定我们现在使用的是什么语言，然后帮我们转换，一般我们使用中文，用zh 帮助翻译工具确定要使用的翻译规则 Ctrl+/ 敲出注释 lang="en"告诉浏览器：这个HTML文档的语言是英文，所以Chrome浏览器的翻译提示如下图所示 head标签 he
对于bilibili主页head部分的代码的总结以及疑问。
weixin_30654583的博客
04-06 565
1、lang=zh-Hans； 　　lang代表languages的意思，VSCode创建出来的网页模板是lang=en，en代表english的意思，zh代表中文，单一的zh是废弃的语法，Hans代表中文简体，中文繁体是Hant。 　　（https://www.cnblogs.com/mayicao/articles/lang.html） 2、meta；　 　　META标签是HTML标记...
html中结构类标签一共有哪些，怎么用他们
04-05
HTML中常用的结构类标签包括： 1. `<html>`：定义HTML文档的根元素。 2. `<head>`：定义文档的头部，包含文档的元数据，如标题、样式表和脚本等。 3. `<body>`：定义文档的主体，包含页面显示的所有内容。 4. `<section>`：定义文档的一个部分或区域。 5. `<article>`：定义独立的文章或内容块。 6. `<nav>`：定义导航链接的部分。 7. `<header>`：定义文档的头部，通常包含logo、标题和导航等。 8. `<footer>`：定义文档的底部，通常包含版权信息和联系方式等。 9. `<aside>`：定义与文档内容相关的侧边栏或补充信息。 10. `<main>`：定义文档的主要内容部分。 使用这些标签可以更好地组织和结构化文档内容，提高文档的可读性和可维护性。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值