首页 > 其他分享 >HTML 基本骨架

HTML 基本骨架

时间:2024-07-19 15:51:13浏览次数:9  
标签:基本 浏览器 标签 骨架 HTML 文档 HTML5 页面

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="image.jpg" alt="描述性文本">
  <!-- 其他内容 -->
</body>

在<body>标签中,可以使用各种HTML标签来构建网页的结构和内容。

标签:基本,浏览器,标签,骨架,HTML,文档,HTML5,页面
From: https://www.cnblogs.com/test-gang/p/18311602

相关文章

  • HTML标签(上)
    摘要:(1)标签的书写注意规范      (2)HTML骨架标签      (3)超链接标签      (4)图片标签,以及alt和title的区别      (5)相对路径的三种形式一.HTML语法规范①基本语法概述1)HTML标签是由尖括号包围的关键词,例如<html>2)HTML标签通......
  • HTML5笔记
    HTML5什么是HTML5定义万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改环境支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称......
  • VS Code 开发工具的基本使用
    VSCode开发工具的基本使用VSCode(VisualStudioCode)是微软开发的一款免费、开源的代码编辑器,它支持多种操作系统,包括Windows、macOS和Linux。VSCode因其轻量级、快速、功能强大以及丰富的插件生态系统而广受开发者喜爱,特别是在前端开发领域,VSCode提供了许多便捷的工具和插件......
  • HTML 简介
    HTML简介HTML(HyperTextMarkupLanguage,超文本标记语言)是构建和设计网页的标准标记语言。它不是一种编程语言,而是一种标记语言,用于创建网页和网页应用程序的内容结构。HTML文档由一系列的标签(elements)组成,这些标签告诉浏览器如何显示内容,比如文本、图片、链接、列表、表格等。......
  • 防止提交时重新加载 HTML 页面
    我正在开发一个天文应用程序,该应用程序可以确定太阳的位置以及一天中不同时间产生的阴影长度和阴影方位角。我希望最终将其部署在手机上,因此我使用HTMLGeolocationAPI来获取设备的纬度和经度以及请求位置的时间。有了这些信息,我计算了太阳的位置和我感兴趣的一个名为soalr......
  • jmter基本设置-第一次上手的记录
    一个线程组至少需要添加以下几个元件 添加http信息头管理器2.http请求默认值  3.添加断言 4.查看结果树.......
  • html--一棵树
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>CodePenChallenge:SeasonsComeandGo</title><linkrel="stylesheet"href="css/style.css"><......
  • Java基础-基本类型和包装类型
    基本类型Java有八种基本类型intfloatdoublelongbooleancharshortbyte基本类型如果是局部变量,那它们的位置会在虚拟机栈种。如果是成员变量它们会存放在堆中。包装类型相对应的Java也有八种包装类型IntFloatDoubleLongBooleanCharShortByte区别1.默认值:......
  • G2O(1) 基本例子 线性方程组
       CMakeLists.txtcmake_minimum_required(VERSION3.1)project(untitled2)set(CMAKE_CXX_STANDARD11)set(CMAKE_BUILD_TYPERelease)set(ALL_TARGET_LIBRARIES"")include(cmake/FindG2O.cmake)#方式1find_package(Eigen3REQUIRED)include_dire......
  • JavaWeb基本概念和Tomcat
    JavaWeb基本概念在Java中,动态web资源开发的技术统称为JavaWeb动态Web:类似淘宝,几乎所有的网站提供给所有人看的数据始终会发生变化,千人千面技术栈:Servlet/JSP,ASP,PHPweb应用程序web应用程序:可以提供浏览器访问的程序;a.html、b.html......多个web资源,这些web资源都可以......