html基础了解

最新推荐文章于 2024-08-24 11:15:50 发布

秀儿y

最新推荐文章于 2024-08-24 11:15:50 发布

阅读量134

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_43247178/article/details/134284178

版权

CS架构与BS架构

C/S架构
- Client(客户端) / Server(服务器)
- 需要安装客户端使用，哔哩哔哩客户端、腾讯视频客户端等
- 需求安装、需要更新、不跨平台
B/S架构
- Browser(浏览器) / Server(服务器)
- 浏览器直接访问不需要安装,哔哩哔哩网页端、腾讯视频网页端等
- 无需安装、无需更新
浏览器内核

内核是浏览器的核心,用于处理浏览器所得到的各种资源

五大主流浏览器、四大内核
- Chrome:早期使用webkit内核，现在使用Blink内核
- Safari:使用webkit内核
- IE:使用Trident内核
- Firefox:使用Gecko内核
- Opera:早期使用Persto内核(已经放弃维护),现在使用Blink内核
- 其他浏览器基本是在上述基础上,实现一些其他小功能
网页标准

HTML
- 全称:HyperText Markup Language
- 译文:超文本标记语言
  - 超文本:"超级的文本",和普通文本相比,内容更丰富
  - 标记:文本要变成超文本,就需要用到各种标记符号
  - 语言:每一个标记的写法、使用规则，构成标记语言
W3C标准
- 全名:World Wide Web Consortium
- 万维网联盟
- 官网:https://www.w3.org
W3C国际性的标准化组织，组织制定的一系列技术规范，涵盖了Web开发中的各个方面，包括HTML、CSS、JavaScript、XML、Web服务等。这些标准旨在确保不同的Web浏览器和其他Web工具能够正确地解释和呈现Web内容，从而实现跨平台、跨设备的一致性和互操作性,

标签结构

标签又称元素,是html基本组成部分,标签之前有并列关系和嵌套关系

双标签
- ```
 
<marquee> 文本 <marquee/>
```
- <marquee> 标签名-起始标签
- 文本:标签体
- <marquee/> 标签名-结束标签
单标签
```
 
<input>
```
嵌套标签
```
 
<marquee> <input> <marquee/>
```
标签属性

标签属性用于给标签提供附加信息,属性分为通用属性和独有属性，属性是属性名和属性值的组合,也有特殊属性只有属性名没有属性值，一个标签里面可以包含多个属性。
- 属性名、属性值遵循W3C规定
- 属性名和属性值都不区分大小写，推荐小写
- 属性名和值可以用双引号、单引号或者可以不写，推荐用双引号
- 标签中如果出现同名属性，则后写的失效
```
<marquee  loop="1"> 文本 <marquee/>
```
html基础结构

html源代码交给浏览器后,首先会进行html格式检查，如果格式合法,则直接渲染，不合法的话会自动将格式尽可能的调整成合法的格式再进行渲染
```
<!DOCTYPE html>
<html>
<head>

    <title>Document</title>
</head>
  
<body>

</body>

</html>
```
- <!DOCTYPE>声明：HTML文档的第一行，用于告诉浏览器使用哪个HTML版本来解析文档
- <html> 标签：HTML文档的根元素，包含了整个HTML文档的内容。
- <head> 标签：HTML的头部部分，用于定义文档的元数据和引入外部资源，如CSS样式表、JavaScript脚本等。
- <title> 标签：这是HTML的标题，显示在浏览器的标题栏或标签页上。
- <body> 标签：这是HTML的主体部分，包含了要在浏览器中显示的内容，如文本、图像、链接等

代码注释


快捷键:command + /

文档声明

大部分浏览器默认以最新的html标准渲染代码，即html5，但是也有少部分浏览器不是使用默认html5,可以通过文档声明指定渲染的html

<!--  通过DOCTYPE标签 指定 默认h5渲染-->
<!DOCTYPE html>

指定其他版本的html格式内容相对复杂,W3C官方声明方式

字符编码

存储时，务必使用合适的字符编码，否则无法存储，数据会丢失，存储时使用哪种方式编码，读取时就必须采用相同的方式解码,否则数据能呈现,但是会数据错乱显示成乱码

<!-- 在head中使用meta标签的charset属性指定字符编码 -->
<!-- 如果不声明的话，主流浏览器默认使用utf8 -->
<head>
   <meta charset="UTF-8">
<head/>

设置语言

<!-- 声明该页面是一个中文简体页面，如果与浏览器语言不一致，页面显示翻译提示,且有利于搜索优化-->
<html lang='zh-CN'>
  
<html/>

语言代码参考手册

秀儿y

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html基础了解

CS架构与BS架构C/S架构Client(客户端) / Server(服务器)需要安装客户端使用，哔哩哔哩客户端、腾讯视频客户端等需求安装、需要更新、不跨平台B/S架构Browser(浏览器) / Server(服务器)浏览器直接访问不需要安装,哔哩哔哩网页端、腾讯视频网页端等无需安装、无需更新浏览器内核内核是浏览器的核心,用于处...
复制链接

扫一扫