HTML-一个网页的头部的大概框架(完善ing)

简介: 正常情况下,一个头部(考虑兼容、响应、title图标的需求),所要填写的内容如下:DOCTYPE html> 网页的标题 ...

正常情况下,一个头部(考虑兼容、响应、title图标的需求),所要填写的内容如下:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="本网站的目的是" />
        <meta name="keywords" content="关键字A,关键字B,关键字C,关键字..." />
        <meta name="author" content="郭菊锋,tel-151***,email-***">
        <meta name="viewport" content="width=device-width, initial-scale=1">
<!--让网页的在移动设备中不缩放-->
        <title>网页的标题</title>
<!--title图标,只需把链接更换,然后把jpg、png、gif等格式的logo图片后缀名自改成.ico,具体方法见:http://www.cnblogs.com/padding1015/p/6065425.html(HTML-如何让自己的网页标题处可以显示网站的logo?)-->
        <link rel="Bookmark" href="img/logo.png" />
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
        <link rel="icon" href="favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="css/template.css" />
<!--title图标完-->
        
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <!--IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame
        -->
    <meta name="renderer" content="webkit"><!-- 360暖心设置——避免IE使用兼容模式 -->
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries(翻译:以下两个外联js文件,是让ie8及以下兼容html5和响应式的实现方法——媒体查询) -->
        <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!--接下来就可以链接你需要的css文件和js文件,但最好的推荐是js文件在body的底部进行链接,总之最起码要有自己的规范,做到代码风格整体统一-->
    </head>
最起码要有自己的规范,做到代码风格整体统一
其他补充的:
1.<meta name="Robots" contect="all">文件可以被检索
目录
相关文章
|
2月前
|
移动开发 前端开发 JavaScript
HTML 框架高阶用法
HTML框架,或前端框架,如Bootstrap、Vue.js等,显著提升了Web应用开发的速度与用户体验。本文介绍了一些高级技巧,如自定义样式与组件、响应式设计实践、JavaScript功能增强及性能优化策略等,帮助开发者更好地利用这些工具,实现高效开发并提升应用性能与灵活性。
|
1月前
|
存储 移动开发 前端开发
HTML基础知识:构建网页的基石
【10月更文挑战第11天】HTML基础知识:构建网页的基石
69 0
|
2月前
|
JavaScript 前端开发 容器
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(上)
|
2月前
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)
|
15天前
HTML 框架2
iframe标签用于在当前页面中嵌入另一个HTML页面。通过设置frameborder属性为&quot;0&quot;,可以移除iframe边框。iframe的src属性用于指定要嵌入的页面URL。例如,使用`&lt;iframe src=&quot;https://www.runoob.com&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;`可以无边框地显示RUNOOB.COM页面。
|
15天前
HTML 框架1
HTML框架允许在同一个浏览器窗口中同时显示多个页面。`&lt;iframe&gt;`标签用于嵌入其他网页,基本语法为 `&lt;iframe src=&quot;URL&quot;&gt;&lt;/iframe&gt;`。可以通过设置 `height` 和 `width` 属性来调整 iframe 的大小,例如:`&lt;iframe src=&quot;demo_iframe.htm&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;/iframe&gt;`。属性值可以是像素或百分比。
|
1月前
|
数据安全/隐私保护 C++
【HTML】构建网页的基石
本文介绍了HTML的基本概念和常用标签,包括HTML文件的基本结构、常见标签(如标题、段落、换行、图片、超链接等)、表格与表单的使用方法,以及无语义标签div和span的特性。通过具体示例展示了如何在VS Code中快速生成HTML框架及各标签的应用场景,帮助初学者快速掌握HTML的基础知识。
48 1
【HTML】构建网页的基石
|
14天前
HTML 框架3
iframe 是一种在网页中嵌入另一个 HTML 页面的技术。通过设置 iframe 的属性,可以显示指定的目标链接页面。例如,可以使用 iframe 嵌入 RUNOOB.COM 网站。HTML 中的 `&lt;iframe&gt;` 标签用于定义内联框架。
|
2月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
2月前
|
移动开发 前端开发 数据挖掘
用HTML5中的 画布(Canvas)在“圳品”信息系统网页上绘制显示饼图
用HTML5中的 画布(Canvas)在“圳品”信息系统网页上绘制显示饼图