HTML 基本骨架
HTML 基本骨架
HTML5的骨架是构建HTML5页面的基础结构，它主要由以下几个部分组成：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<div>
<p>正文</p>
</div>
</body>
</html>
1. DOCTYPE声明
- 作用：DOCTYPE是document type（文档类型）的缩写，它位于HTML文档的最前面，用于告知浏览器这个文档使用的是哪个HTML版本。对于HTML5，DOCTYPE声明如下：
<!DOCTYPE html>
这个声明是HTML5页面的必备组成部分，它有助于避免浏览器的怪异模式（quirks mode），确保页面在不同浏览器中能够以统一的标准进行渲染。
2. <html>标签
- 作用：<html>标签是HTML页面的根元素，它包裹了整个页面的内容。<html>标签限定了文档的开始点和结束点，浏览器在解析到这个标签时，就会知道这是一个HTML文档。
<html lang="en">
...
</html>
其中，lang="en"属性用于指定当前页面的主要语言是英语。这有助于搜索引擎更好地理解页面内容，并改善无障碍访问性（accessibility）。
3. <head>标签
- 作用：<head>标签用于定义文档的头部，它包含了文档的元数据（metadata），如文档的标题、字符集编码、对外部文件（如样式表、脚本）的引用等。<head>标签中的内容不会直接显示在网页上，但对网页的渲染和行为有重要影响。
<head>
<meta charset="UTF-8">
<title>页面标题</title>
<link rel="stylesheet" href="styles.css">
<script src="scripts.js" defer></script>
</head>
- <meta charset="UTF-8">：指定页面的字符编码为UTF-8，这是一种广泛使用的字符编码，能够表示世界上大多数语言的字符。
- <title>标签：定义了网页的标题，这个标题会显示在浏览器的标题栏或标签页上。<title>标签是<head>标签中唯一必须包含的标签。
- <link>和<script>标签：分别用于引入外部的样式表和JavaScript文件。这些文件通常包含了页面的样式和行为逻辑。
4. <body>标签
- 作用：<body>标签定义了HTML文档的主体部分，即用户可以直接在浏览器中看到的内容。<body>标签包含了网页的所有内容，如文本、图片、链接、表格、列表等。
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<img src="data:image.jpg" alt="描述性文本">
<!-- 其他内容 -->
</body>
在<body>标签中，可以使用各种HTML标签来构建网页的结构和内容。
HTML 基本骨架的更多相关文章
- 快速构建H5单页面切换骨架
在Web App和Hybrid App横行的时代,为了拥有更好的用户体验,单页面应用顺势而生,单页面应用简称`SPA`,即Single Page Application,就是只有一个HTML页面的应用 ...
- HTML5入门（---------------HTML——基本骨架--------------）
HTML基础 一.HTML 超文本标记语言.英文全拼:HyperText Markup Language.负责网页的语义描述. 二.HTML基本骨架 <!DOCTYPE html> < ...
- Maven之自定义archetype生成项目骨架(一)
Maven之自定义archetype生成项目骨架(一) 标签: mavennexus插件 2015-07-15 16:40 2443人阅读 评论(0) 收藏 举报 分类: Maven技术(9) ...
- python数字图像处理（19）：骨架提取与分水岭算法
骨架提取与分水岭算法也属于形态学处理范畴,都放在morphology子模块内. 1.骨架提取 骨架提取,也叫二值图像细化.这种算法能将一个连通区域细化成一个像素的宽度,用于特征提取和目标拓扑表示. m ...
- 按照索引的细化提取骨架算法的java实现
近期研究验证码识别,也就看了一些图像识别的资料,其中一种字体细化提取骨架的算法网上没有java版的实现,所以就选取了一个python实现版本进行java代码的改写.. python版实现的地址: ht ...
- 【转】idea 用maven骨架生成项目速度慢的问题
转自:http://9leg.com/maven/2015/02/01/why-is-mvn-archetype-generate-so-low.html 最近从IntelliJ Idea 14的Co ...
- cordova3.X 运用grunt生成plugin自定义插件骨架
Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等.Cordova还提供了一组统一的JavaScript类库,以及为这些 ...
- openni和骨架追踪 rviz查看---34
原创博客:转载请标明出处:http://www.cnblogs.com/zxouxuewei/ 1.安装深度相机的NITE. 首先下载NITE-Bin-Dev-Linux-x64-v1.5.2.23, ...
- maven3实战之maven使用入门(使用archetype生成项目骨架)
maven3实战之maven使用入门(使用archetype生成项目骨架) ---------- maven提供了archetype以帮助我们快速勾勒出项目骨架.以Hello World为例,我们使用 ...
- 沈逸老师PHP魔鬼特训笔记（6）--巫术与骨架
PHP最牛逼的特性之一除了懒人函数,还有一些魔法函数. 首先我们来认识下__tostring,通过一个巫术方法,我们吧实例转化过后的类,直接当字符串输出.结合我们前面所做的功能,我们在类里面加上这个函 ...
随机推荐
- JAVA并发编程学习笔记之synchronized
监视器 java中同步是通过监视器模型来实现的,JAVA中的监视器实际是一个代码块,这段代码块同一时刻只允许被一个线程执行.线程要想执行这段代码块的唯一方式是获得监视器. 监视器有两种同步方式:互斥与 ...
- 文件上传漏洞&靶场通关详解
文件上传漏洞&靶场通关详解 什么是文件上传漏洞? 大部分网站都拥有上传文件的部分,文件上传漏洞是由于网站开发者对用户上传文件的过滤不够严格,攻击者可以通过这些漏洞上传可执行文件(如木马,恶意脚 ...
- PYENV安装与使用
1.概述 pyenv 是一个python的版本管理软件,通过他,我们可以 方便的安装python 的版本,切换版本,解决版本不同带来问题. 2.安装pyenv 我们可以通过链接下载pyenv http ...
- OSG开发笔记（三十七）：OSG基于windows平台msvc2017x64编译器官方稳定版本OSG3.4.1搭建环境并移植Demo
前言 自行编译的osg版本插件比较多,如果对版本没有特定要求,但是对环境编译器有特定要求,可以反向融合编译器符合要求的osg版本. OSG下载过程 osg官网:http://www.osg ...
- 一款基于 .NET + Blazor 开发的智能访客管理系统
前言 在小区.企业.学校等场所,访客管理作为日常运营中不可或缺的一环,其重要性日益凸显.传统的访客管理方式往往依赖于人工登记.纸质记录,不仅效率低下,还存在信息易丢失.难以追溯等问题.今天大姚给大家分 ...
- Git使用备忘录
定义 分布式版本控制工具 Git四个工作区域 工作区(Working Directory):就是你平时存放项目代码的地方 暂存区(Stage/Index):用于临时存放你的改动,事实上它只是一个文件, ...
- RepoDB：一个介于Dapper、EFCore之间.Net的ORM库
推荐一个介轻量ORM和全功能ORM的开源项目. 01 项目简介 RepoDB 提供了基本操作所需的方法,同时也提供了一些高级功能,如第二层缓存.跟踪.仓储.属性处理器和批量/大量操作.支持的数据库,包 ...
- Mysql8忽略大小写的解决方案
一.删除服务器数据文件 由于8.0没法设置参数后重启(失败),所以必须删掉老库,重新启动才行. 切记::本步骤要删掉老库所有资料,如果是数据库当前有用,请做好备份,再进行操作. systemctl ...
- 使用 .NET Core 实现一个自定义日志记录器
目录 引言 1. 抽象包 1.1 定义日志记录接口 1.2 定义日志记录抽象类 1.3 表结构迁移 2. EntityFramework Core 的实现 2.1 数据库上下文 2.2 实现日志写入 ...
- Java 后端搞 MVC 是邪路
前两天和朋友讨论,我展示了一番 d2js,朋友有点纳闷,你这个是直接操作数据库,不是违背了 MVC 设计思想吗? 经常讨论有助于刺激思维.这次本人忽然进入了状态,终于意识到问题所在! 现在的系统叠床架 ...