# ipv4_converter

**Repository Path**: anyphasy/ipv4_converter

## Basic Information

- **Project Name**: ipv4_converter
- **Description**: 把ipv4的cidr转换成二进制,以及二进制与十进制转换,以及常用转换对照表格
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-26
- **Last Updated**: 2025-10-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# 🌐 IP 地址转换器 —— 计算机网络学习辅助工具

`ip_converter.html` 是一个轻量级、纯前端的 **IPv4 地址与 CIDR 子网划分转换工具**，专为网络初学者、IT 学生和网络工程师设计，帮助理解 IP 地址结构、子网掩码、网络/主机位划分等核心概念。

## 📌 功能亮点

- **IPv4 + CIDR 转换**  
  输入如 `192.168.1.1/24` 的格式，自动解析并展示：
  - 二进制表示（带网络/主机位高亮）
  - 子网掩码（点分十进制与二进制）
  - 网络地址
  - 广播地址
  - 可用主机地址范围
  - 可用主机数量

- **多槽位支持**  
  页面提供 **3 个独立转换槽位**，可同时对比多个 IP/CIDR 配置。

- **进制转换工具**  
  内置十进制 ↔ 二进制转换器，支持手动输入验证 IP 段（如 192 → 11000000）。

- **学习辅助对照表**  
  提供常用子网掩码（如 255, 252, 248...）对应的二进制形式，便于快速查阅。

- **可视化标识**  
  - **加粗文本**：表示网络地址部分  
  - <u>下划线文本</u>：表示主机地址部分  
  直观展示 IP 地址的“网络位”与“主机位”划分。

## 🖥️ 使用方式

1. 在浏览器中直接打开 `ip_converter.html`（无需服务器，纯静态页面）。
2. 在任意转换槽位中输入 IPv4 地址（如 `192.168.10.50`）和 CIDR 前缀长度（如 `26`）。
3. 点击“转换”按钮，立即查看详细子网信息。
4. 可同时使用多个槽位进行对比分析。
5. 使用下方的进制转换区进行手动数值验证。

## 🎓 适用场景

- 计算机网络课程实验
- CCNA/网络认证备考
- 子网划分练习
- 教学演示工具
- 快速计算可用 IP 范围

## 📁 技术特点

- 纯 HTML + CSS + JavaScript 实现
- 无外部依赖，离线可用
- 响应式设计（基础适配）
- 开源、免费、可自由修改

## 📝 示例

输入：  
- IPv4 地址：`192.168.1.100`  
- CIDR：`27`

输出将包含：
```
IP地址 + CIDR：192.168.1.100/27
二进制表示：11000000.10101000.00000001.011**00000**（后5位为主机位）
子网掩码：255.255.255.224
网络地址：192.168.1.96
广播地址：192.168.1.127
可用主机范围：192.168.1.97 – 192.168.1.126
可用主机数量：30
```

## 📄 许可

本工具为教学用途设计，可自由使用、修改和分发。如用于商业项目，请注明来源。

---

> 💡 **提示**：将此工具与《计算机网络：自顶向下方法》或 Cisco 网络教材配合使用，效果更佳！