假设我有一个相当庞大的JavaScript文件,打包到大约100kb左右.通过文件我的意思是它是一个外部文件,将在via中链接<script src="...">,而不是粘贴到HTML本身.
哪个是放在HTML中的最佳位置？
<html>
<head>
<!-- here? -->
<link rel="stylesheet" href="stylez.css" type="text/css" />
<!-- here? -->
</head>
<body>
<!-- here? -->
<p>All the page content ...</p>
<!-- or here? -->
</body>
</html>
每个选项之间是否存在功能差异？
最后,我应该使用什么样的DOCTYPE？
从2019年开始,应该使用哪些favicon尺寸,文件格式和元/链接标签？这包括苹果图标,Windows,Android和人们今天使用的其他设备.
我使用Opera,我可以看到它支持svg格式.这是现在使用svg的最佳解决方案吗？有没有选项"一个文件适合所有"？
我一直在浏览许多网站并检查了不同的"favicon生成器".所有这些都是岁,并且主要使用png文件.
示例: 应该使用哪些代码ico和svg？
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
或者如果ico包含更多尺寸,是否应指定尺寸？我找不到一个好的答案.
<link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" href="favicon.ico">
请提供应使用哪些favicons的维度,文件格式和元/链接标记.
我创建了一些响应式网站,但对响应式网站开发来说却是新手.在我的CSS中,99%的值都是ems或百分比.我正在使用媒体查询(max-width和max-device-width)来进行布局更改.我没有包含一个视口元标记,它在iOS,我测试的许多Android手机和平板电脑以及所有桌面浏览器上运行良好.
添加元标记会破坏我的网站.我做错了什么,或者做了些什么事情以便我不需要包含它？我很困惑为什么它似乎是一种最佳实践,因为它打破了我的东西.
我错过了什么吗？
在HTML中,有一个lang属性lang,例如<html>.
这有用吗？
如果用于翻译,即使语言设置为英语并且文档中包含所有中文文本,Google翻译也会将其检测为中文,而不是英文(这意味着Google会忽略该<html lang="en">属性).
我刚开始学习HTML(没有编码背景),也不知道这意味着什么.我通常在我启动代码后写它但不知道它意味着什么.我也不知道doctype的含义.如果我不使用它会发生什么？