HTML系列之（一）概述

概述

超文本标记语言 (英语：Hypertext Markup Language，简称：HTML )

概念解析

超文本

谈到超文本，要跟文本作对比进行理解，首先，文本是线性方式组织的线性结构，如书本，一页一页按顺序组织；而超文本是以非线性方式组织的网状结构，文本中有一些相关内容是可以通过链接的方式组织在一起。
超文本是指使用超链接的方法，把文字和图片信息相互联结，形成具有相关信息体系
参考网址：什么是超文本

标记语言

通过使用标签（标记），告诉浏览器（计算机），怎么显示某个文本（或其他资源），以什么格式，样式

操作思想

标签就相当于一个容器，在数据上使用标签，就是对数据进行不同标签的封装，为了操作数据，所有的数据都要通过标签进行封装

元素分类

闭合元素

如：<head></head>，需要封装内容

空元素（内部闭合元素）

如：<img />，不需要封装内容

元素分类

1. 块级元素

元素结束后有换行，如：div、p

2. 行内元素

元素结束后无换行，如：span

FAQ

1. 服务端与客户端校验的问题

增强型的校验（只要有一个组件内容是错误的，就无法进行提交，只有全对才能提交）

  1. 如果在客户端进行了增强型的校验，服务端收到数据后，还需要校验吗？
    需要，为了安全性。如果不进行校验，客户端可以绕过客户端校验（如：获取到服务器url后在地址栏直接与服务端进行交互）
  2. 如果在服务端进行了增强型的校验，客户端还需要校验吗？
    需要，因为要提高用户的上网体验，减轻服务端的压力，如：客户端数据提交到服务端并返回数据一共需要的时间是2s，那么假如用户通过网站进行注册，填写信息错误，点击提交后服务端反馈的时间就是2s，如果客户端数据提交到服务端并返回数据需要的时间更长，那么用户每次提交注册信息得到服务器反馈的时间就更长，用户体验极差，另外，如果每次校验都要服务端来做，服务端的压力会很大。
    正确的校验过程：客户端校验填写的数据是否符合要求（格式等），服务端校验填写的数据是否正确（可能需要与数据库进行交互）

2. Tomcat服务器解析中文的过程

背景：客户端提交带有中文数据的表单到Tomcat服务器，服务器给客户端返回后显示乱码
在这里插入图片描述
注：对于post提交方式提交的中文，可以直接使用服务端的request对象的setCharacterEncoding方法设置指定的中文码表就可以将中文数据解析出来，因为这个方法只对请求体中的数据进行解码。

3. 客户端与服务端交互的方式

客户端请求服务端必须要有请求方式，否则无法请求。

  1. 地址栏输入url的地址（请求方式：get）
  2. 超链接（请求方式：get）
  3. 表单（请求方式：get和post）

4. HTML与XML的区别

  1. HTML的标签名都是固定的，XML的标签名是可以自定义的
  2. HTML标签对数据进行封装，是数据显示的描述。XML标签描述数据之间的关系，是对数据信息的描述。
  3. XML代码规定更为严格，标签不结束视为错误

5. 目前的页面布局策略

div + CSS进行布局，div内部可能用到table做格式化

6. HTML与XHTML

注释

<!-- -->

转义字符（&;）

大于号和小于号

html中想显示大于号和小于号，如果不进行转移，html解析器会将<dz>作为标签进行解析，那为啥<57>没解析呢，是因为标签不能用数字表示，所以<57>并不能作为标签，要想直接显示大于号和小于号，需要使用转义字符（&;），大于号对应的是&gt;，小于号对应的是&lt;
在这里插入图片描述
在这里插入图片描述

空格

&nbsp;

编写规范

  1. 所有元素必须闭合，如换行元素<br />
  2. 元素的属性值用双引号，如color="red"

元素全称

元素 全称
<h1> heading
<img> image
<p> paragraph
<ul> unordered list（无序列表）
<ol> ordered list（有序列表）
<li> list item
<a> anchor（锚）
<hr> horizontal rule（水平分割线）
<dl> definition lists（定义列表）
<dt> definition term（自定义列表组）
<dd> definition description（自定义列表描述）
<>
<>
<>
<>
<>

元素属性全称

所属元素 元素属性 全称
<a> href hypertext reference（超文本引用）
posted @   刘二水  阅读(15)  评论(0)  编辑  收藏  举报
相关博文：
·  HTML系列之（二）常用元素
·  CSS系列之（一）概述
·  HTML学习笔记
·  HTML-超文本标记语言
·  HTML介绍
阅读排行：
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 字符编码：从基础到乱码解决
· 提示词工程——AI应用必不可少的技术
点击右上角即可分享
微信分享提示
AI IDE Trae