docker/relationship
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated 添加页面

Browse Source
This commit is contained in:
PASSER-BY 2022-02-14 23:45:38 +08:00
parent 41ad0b6289
commit 34caec269d
3 changed files with 446 additions and 179 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@ -30,6 +30,7 @@
<div class="mod-head">
<div class="bd">
<a class="btn btn-blue" href="/relationship/vue/" target="_blank">手机版</a>
<a class="btn" href="/relationship/table.html" target="_blank">亲戚大全</a>
<a class="btn" href="https://github.com/mumuy/relationship/" rel="nofollow" target="_blank">Github</a>
<a class="btn" href="/">返回首页</a>
</div>
@ -45,6 +46,7 @@
<p>当前亲戚称呼大全已收录约<b id="count">-</b>条亲戚关系</p>
</div>
<div class="bd">
<div class="box">
<div class="c-hd">
<ul>
<li class="active"><a href="javascript:;" rel="nofollow">通过关系找称呼</a></li>
@ -213,6 +215,7 @@
</div>
</div>
</div>
</div>
<div class="ft">
<div class="article">
<p>亲属称谓指是以本人为中心确定亲族成员和本人关系的名称，是基于血亲姻亲基础上的亲属之间相互称呼的名称、叫法。它是以本人为轴心的确定亲属与本人关系的标志。汉族的家族亲戚关系条理分明尊卑有序：比自己长一辈的称呼有姨姑舅叔伯，同辈的有姊妹兄弟等等，下一辈有甥侄等等。中国人由于姻亲而产生的亲戚关系相当庞杂，其派生出的各种称谓也是中华文化的一大特征。</p>

60
style/index.css
View File

@ -1,4 +1,4 @@
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h3,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h3,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h3,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}
html{
height:100%;
}
@ -72,49 +72,53 @@ a:hover{
.mod-panel {
width: 100%;
}
.mod-panel h1{
line-height: 32px;
font-size: 24px;
color:#212121;
}
.mod-panel h2{
line-height: 30px;
text-align: center;
font-weight: normal;
font-size: 18px;
}
.mod-panel .hd{
padding: 10px 0;
line-height: 22px;
text-align: center;
}
.mod-panel .hd h1{
line-height: 32px;
font-size: 24px;
color:#212121;
}
.mod-panel .hd b{
margin: 0 3px;
color: #fd7474;
}
.mod-panel .bd{
.mod-panel .box{
max-width: 500px;
margin:0 auto 15px;
}
.mod-panel .bd p{
overflow: hidden;
}
.mod-panel .c-hd{
.mod-panel .box .c-hd{
height: 36px;
margin-bottom: 15px;
border-bottom: 1px solid #e2e2e2;
}
.mod-panel .c-hd li{
.mod-panel .box .c-hd li{
float: left;
width: 33.33%;
height: 36px;
line-height: 36px;
}
.mod-panel .c-hd li a{
.mod-panel .box .c-hd li a{
display: block;
text-align: center;
text-decoration: none;
color: #999;
}
.mod-panel .c-hd li.active a{
.mod-panel .box .c-hd li.active a{
position: relative;
color: #333;
}
.mod-panel .c-hd li.active a::after{
.mod-panel .box .c-hd li.active a::after{
position: absolute;
left: 50%;
bottom: 0;
@ -126,18 +130,21 @@ a:hover{
background: #2095f2;
border-radius: 3px;
}
.mod-panel .c-panel{
.mod-panel .box .c-panel{
display: none;
}
.mod-panel .operation{
.mod-panel .box .operation{
margin: 10px 0;
}
.mod-panel .row{
.mod-panel .box .row{
margin-bottom: 5px;
}
.mod-panel .field{
.mod-panel .box .field{
line-height: 28px;
}
.mod-panel .bd p{
overflow: hidden;
}
.mod-panel .bd label{
display: inline-block;
min-width: 90px;
@ -218,7 +225,7 @@ a:hover{
outline: none;
}
.mod-panel .bd p{
line-height: 30px;
line-height: 22px;
}
.mod-panel .bd p span{
margin-right: 10px;
@ -268,21 +275,30 @@ a:hover{
line-height: 22px;
text-indent: 2em;
}
.mod-panel .table-inner{
overflow-x: auto;
}
.mod-panel table {
width: 100%;
margin-bottom: 10px;
border: 1px solid #cee1ee;
border-collapse: collapse;
border-spacing: 0;
}
.mod-panel thead{
background-color: #e3eef8;
}
.mod-panel tr {
border-bottom: 1px solid #cee1ee;
line-height: 24px;
font-size: 13px;
}
.mod-panel tr td {
.mod-panel tr td,.mod-panel tr th{
word-break: break-all;
word-wrap: break-word;
padding: 5px 10px;
padding: 5px 8px;
border: 1px solid #cee1ee;
line-height: 20px;
font-weight: normal;
}
.mod-panel tr p.name{

248
table.html Normal file
View File

@ -0,0 +1,248 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
<meta name="robots" content="all">
<meta name="referrer" content="always">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta name="format-detection" content="telephone=no"/>
<title>亲戚关系称呼大全 - 亲戚称呼大全 - 亲戚关系大全</title>
<meta name="keywords" content="家庭称谓大全,亲戚称呼大全,亲戚称谓大全,亲戚叫法大全,亲戚关系大全,亲戚关系称呼大全,中国人亲戚关系图表"/>
<meta name="description" content="收录最为完备的亲戚关系称呼大全"/>
<link rel="stylesheet" href="style/index.css">
</head>
<body>
<div class="wrapper">
<div class="header">
<div class="inner">
<div class="mod-head">
<div class="bd">
<a class="btn btn-blue" href="/relationship/vue/" target="_blank">手机版</a>
<a class="btn" href="/relationship/" target="_blank">亲戚计算器</a>
<a class="btn" href="https://github.com/mumuy/relationship/" rel="nofollow" target="_blank">Github</a>
<a class="btn" href="/">返回首页</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="inner">
<div class="mod-panel">
<div class="hd">
<h1>亲戚关系称谓大全</h1>
</div>
<div class="bd">
<p>亲属是基于婚姻、血缘和法律拟制而形成的社会关系。中国法律所调整的亲属关系包括夫妻、父母、子女、兄弟姊妹、祖父母和外祖父母、孙子女和外孙子女、儿媳和公婆、女婿和岳父母、以及其他三代以内的旁系血亲，如伯、叔、姑、舅、姨、侄子女、甥子女、堂兄弟姊妹、表兄弟姊妹等。亲属不等于家庭成员，有亲属关系的人可能分属于多个不同的家庭；家庭成员并不绝对有亲属关系。</p>
<br>
<h2>中国古代常用称谓词沿革表</h2>
<div class="table-inner">
<table>
<thead>
<tr>
<th width="48"><b>四世祖</b></th>
<th width="64"><b>三世祖</b></th>
<th width="196"><b>祖辈</b></th>
<th width="124"><b>父辈</b></th>
<th width="148"><b>同辈</b></th>
<th width="128"><b>子侄辈</b></th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="10" align="left"><span>高祖父</span></td>
<td align="left"><span>族曾祖父</span></td>
<td align="left"><span>族祖父·族祖</span></td>
<td align="left"><span>族父</span></td>
<td align="left"><span>族兄弟→三从兄弟</span></td>
<td align="left"><span>族子</span></td>
</tr>
<tr>
<td rowspan="9" align="left"><span>曾祖父</span></td>
<td rowspan="2" align="left"><span>从祖祖父·从祖→伯祖父·伯祖</span></td>
<td align="left"><span>从伯·从祖父·从父</span></td>
<td align="left"><span>从祖兄弟→再从兄弟</span></td>
<td align="left"><span>族子→再从子</span></td>
</tr>
<tr>
<td align="left"><span>从叔·从祖父·从父</span></td>
<td align="left"><span>从祖兄弟→再从兄弟</span></td>
<td align="left"><span>族子→再从子</span></td>
</tr>
<tr>
<td rowspan="5" align="left"><span>祖父·祖</span></td>
<td align="left"><span>伯父</span></td>
<td align="left"><span>从父兄弟→堂兄弟</span></td>
<td align="left" width="189"><span>从子→堂侄</span></td>
</tr>
<tr>
<td rowspan="3" align="left"><span>父</span></td>
<td align="left"><span>兄</span></td>
<td align="left"><span>兄子→侄子</span></td>
</tr>
<tr>
<td align="left"><span>自己</span></td>
<td align="left"><span>子·息→儿子·息子</span></td>
</tr>
<tr>
<td align="left"><span>弟</span></td>
<td align="left"><span>弟子→侄子</span></td>
</tr>
<tr>
<td align="left"><span>叔父</span></td>
<td align="left"><span>从父兄弟→堂兄弟</span></td>
<td align="left"><span>从子→堂侄</span></td>
</tr>
<tr>
<td rowspan="2" align="left"><span>从祖祖父·从祖→叔祖父·叔祖</span></td>
<td valign="top" align="left"><span>从伯·从祖父·从父</span></td>
<td valign="top" align="left"><span>从祖兄弟→再从兄弟</span></td>
<td valign="top" align="left"><span>族子→再从子</span></td>
</tr>
<tr>
<td valign="top" align="left"><span>从叔·从祖父·从父</span></td>
<td valign="top" align="left"><span>从祖兄弟→再从兄弟</span></td>
<td valign="top" align="left"><span>族子→再从子</span></td>
</tr>
</tbody>
</table>
</div>
<h2>现代家庭关系表</h2>
<div class="table-inner">
<table>
<thead>
<tr>
<td align="center" width="95"><span>曾祖辈</span></td>
<td align="center" width="134"><span>祖辈</span></td>
<td align="center" width="155"><span>父母辈</span></td>
<td align="center" width="137"><span>平辈</span></td>
<td align="center" width="169"><span>小辈</span></td>
<td align="center" width="138"><span>孙辈</span></td>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="5" align="center"><p>太爷爷</p><p>（太奶奶）</p></td>
<td rowspan="2" align="center"><span>叔爷爷（叔奶奶）</span></td>
<td align="center" width="155"><span>【堂】伯叔（大娘、婶）</span></td>
<td align="center" width="137"><span>【堂】兄弟姐妹（嫂、弟妹、姐夫、妹夫）</span></td>
<td align="center" width="169"><span>【堂】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿）</span></td>
<td align="center" width="138"><span>【堂侄、堂甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿）</span></td>
</tr>
<tr>
<td align="center" width="155"><span>【堂】姑（姑父）</span></td>
<td rowspan="3" align="center"><span>【表】兄弟姐妹（嫂、弟妹、姐夫、妹夫）</span></td>
<td rowspan="3" align="center"><span>【表】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿）</span></td>
<td rowspan="3" align="center"><span>【表侄、表甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿）</span></td>
</tr>
<tr>
<td align="center" width="134"><span>姑奶奶（姑爷爷）</span></td>
<td align="center" width="155"><span>【表】伯叔姑（大娘、婶、姑父）</span></td>
</tr>
<tr>
<td rowspan="2" align="center"><span>爷爷</span></td>
<td align="center" width="155"><span>姑（姑父）</span></td>
</tr>
<tr>
<td rowspan="2" align="center"><span>父亲</span></td>
<td align="center" width="137"><span>哥哥（嫂子）</span></td>
<td rowspan="2" align="center"><span>侄子，侄女（侄媳妇，侄女婿）</span></td>
<td rowspan="2" align="center"><span>侄孙，侄孙女，侄外孙，侄外孙女（侄孙媳妇，侄孙女婿，侄外孙媳妇，侄外孙女婿）</span></td>
</tr>
<tr>
<td rowspan="3" align="center"><p>太爷爷</p><p>（太奶奶）</p></td>
<td rowspan="2" align="center"><span>奶奶</span></td>
<td align="center" width="137"><span>弟弟（弟妹）</span></td>
</tr>
<tr>
<td align="center" width="155"><span>伯叔（大娘、婶）</span></td>
<td align="center" width="137"><span>【堂】兄弟姐妹（嫂、弟妹、姐夫、妹夫）</span></td>
<td align="center" width="169"><span>【堂】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿）</span></td>
<td align="center" width="138"><span>【堂侄、堂甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿）</span></td>
</tr>
<tr>
<td align="center" width="134"><span>舅爷、姨奶（舅奶、姨爷）</span></td>
<td align="center" width="155"><span>【表、姨表】伯叔姑（大娘、婶、姑父）</span></td>
<td align="center" width="137"><span>【表、姨表】兄弟姐妹（嫂、弟妹、姐夫、妹夫）</span></td>
<td align="center" width="169"><span>【表、姨表】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿）</span></td>
<td align="center" width="138"><span>【表/姨表-侄/甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿）</span></td>
</tr>
<tr>
<td rowspan="2" align="center"><br></td>
<td rowspan="2" align="center"><br></td>
<td align="center" width="155"><span>（妻）岳父（岳母）</span></td>
<td rowspan="2" align="center"><span>自己</span></td>
<td align="center" width="169"><span>儿子（儿媳）</span></td>
<td align="center" width="138"><span>孙子、孙女（孙媳妇，孙女婿）</span></td>
</tr>
<tr>
<td align="center" width="155"><span>（夫）公公（婆婆）</span></td>
<td align="center" width="169"><span>女儿（女婿）</span></td>
<td align="center" width="138"><span>外孙、外孙女（外孙媳妇，外孙女婿）</span></td>
</tr>
<tr>
<td rowspan="3" align="center"><p>太姥爷</p><p>（太姥姥）</p></td>
<td align="center" width="134"><span>叔姥爷、姑姥姥（叔姥姥、姑姥爷）</span></td>
<td align="center" width="155"><span>【堂、表】舅姨（舅妈、姨爸）</span></td>
<td rowspan="2" align="center"><span>【表、姨表】兄弟姐妹（嫂、弟妹、姐夫、妹夫）</span></td>
<td rowspan="2" align="center"><span>【表、姨表】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿）</span></td>
<td rowspan="2" align="center"><span>【表/姨表-侄/甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿）</span></td>
</tr>
<tr>
<td rowspan="2" align="center"><span>姥爷</span></td>
<td align="center" width="155"><span>舅姨（舅妈、姨爸）</span></td>
</tr>
<tr>
<td rowspan="2" align="center"><span>母亲</span></td>
<td align="center" width="137"><span>姐姐（姐夫）</span></td>
<td rowspan="2" align="center"><span>外甥，外甥女（外甥媳妇，外甥女婿）</span></td>
<td rowspan="2" align="center"><span>甥孙、甥孙女（甥孙媳妇，甥孙女婿）</span></td>
</tr>
<tr>
<td rowspan="2" align="center"><p>太姥爷</p><p>（太姥姥）</p></td>
<td align="center" width="134"><span>姥姥</span></td>
<td align="center" width="137"><span>妹妹（妹夫）</span></td>
</tr>
<tr>
<td align="center" width="134"><span>舅姥爷、姨姥（舅姥姥、姨姥爷）</span></td>
<td align="center" width="155"><span>【表、姨表】舅姨（舅妈、姨爸）</span></td>
<td align="center" width="137"><span>【表、姨表】兄弟姐妹（嫂、弟妹、姐夫、妹夫）</span></td>
<td align="center" width="169"><span>【表、姨表】侄子，侄女，外甥，外甥女（侄媳妇，侄女婿，外甥媳妇，外甥女婿）</span></td>
<td align="center" width="138"><span>【表/姨表-侄/甥】孙，孙女，外孙，外孙女（孙媳妇，孙女婿，外孙媳妇，外孙女婿）</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?b86879c9cc57dd112fe1f7dd75206b82";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>